Question

我试图在动态下方的动态

下创建代码

我接下来的方式

var id = "275" ;

$("#result").find("#"+id).html("");


var html = '<h3>Test <a class="icon-pencil-1 labelEditIcon"></a></h3><ul data-role="listview" class="labellistUL">';

  html += '<li class="labellist">\
        <div class="leftlable">\n\
        <h4> Ruchulu</h4>\n\
        <p>Area Name,  <b>Phone:</b> +91 99890 11223</p>\n\
        <p><b>Timings:</b> 11am - 2pm</p>\n\
        <p class="minOrder">Min. Order Rs. 250/-  Delivery Charges Free</p>\n\
        <label class="label-red label-wrap">Close</label>\n\
        </div>\n\
        <div class="rightlable">\n\
        <a href="#">Remove</a>\n\
        </div>\n\
        </li>';

html += '<div class="label-BtnWrap"><button class="icon-plus btn btn-c">Add More</button></div></ul>';

$("#result").find("#"+id).append(html);

当我运行上面的程序时，最终结果是标题上的可折叠样式丢失了，请告诉我如何解决这个问题？

Answer 1

如果我理解你的问题是正确的，那么你没有使用正确的jquery移动css类。如果在h3标签中添加适当的类名，您将获得css样式

var html = '<h3 class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-btn-inherit ui-icon-minus">Test <a class="icon-pencil-1 labelEditIcon"></a></h3><ul data-role="listview" class="labellistUL">;

为什么清空div的内容失去css风格

1 个答案: