欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

easyui js拼接html,class属性失效的问题

发布时间:2025/4/16 编程问答 52 豆豆
生活随笔 收集整理的这篇文章主要介绍了 easyui js拼接html,class属性失效的问题 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

问题:要在前一个按钮之后添加相同的样式的按钮,通过$("#cj").html(str); 这样的形式添加,却不能添加上样式

<div id="btn" class="btn"><span id="xiugai"><a id="btnEdit" href="javascript:void(0);" class="easyui-linkbutton" style="padding:0 30px;text-align:center" onclick="btnEdit()">修改</a></span><span id="cj"></span></div> <script type="text/javascript"> $(function(){ var str='<a id="btnCj" href="javascript:void(0);" class="easyui-linkbutton" style="padding:0 30px;text-align:center" οnclick="btnEdit()">创建</a>';$("#cj").html(str);}); </script>

解决方案:添加:$.parser.parse("#cj"); 渲染局部! 才成功!

<script type="text/javascript"> $(function(){ var str='<a id="btnCj" href="javascript:void(0);" class="easyui-linkbutton" style="padding:0 30px;text-align:center" οnclick="btnEdit()">创建</a>';$("#cj").html(str);$.parser.parse("#cj");}); </script>

成功后的:

 

转载于:https://www.cnblogs.com/GumpYan/p/7779481.html

总结

以上是生活随笔为你收集整理的easyui js拼接html,class属性失效的问题的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。