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

Posted 2020-10-13 Gump Yan

问题：要在前一个按钮之后添加相同的样式的按钮，通过$("#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" onclick="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" onclick="btnEdit()">创建</a>\';
            $("#cj").html(str);
            $.parser.parse("#cj");
        }); 
</script>

成功后的：