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

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;}

查询：

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