删除克隆的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;}

JQuery的：

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