刪除克隆的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();
});