Question

我为你设置了这个小提琴：http://jsfiddle.net/MNpRh/4/

$("#removebtn").button();
$(document).on("click", ".remove", function(){
   $(this).remove();
});
$("#clone").click(function(){
   $("#removebtn").parents(".group").clone(true).appendTo("#content");
});

点击克隆几次然后删除任何按钮。按钮样式将被删除，不会再次克隆。

它基于jQuery UI 1.8。它工作在1.10，但我无法升级jQuery UI。

你会如何解决这个问题？

提前致谢！

Answer 1

要保持悬停效果，请参阅已修改的解决方案，其中添加了由CSS http://jsfiddle.net/MNpRh/8/隐藏的模式div

添加到HTML：

<div class="group" id="pattern">
     <button class="remove">Remove me</button>
</div>

CSS：

#pattern { display:none;}

JQuery的：

$("#removebtn").button();
$(document).on("click", ".remove", function(){
    $(this).remove();
});
$("#clone").click(function(){
  $('#pattern').clone().appendTo("#content").removeAttr('id').find('button').button();
});

删除克隆的jQuery UI按钮将删除基本按钮的样式

1 个答案: