删除克隆的jQuery UI按钮将删除基本按钮';s风格

删除克隆的jQuery UI按钮将删除基本按钮';s风格,jquery,jquery-ui,Jquery,Jquery Ui,我为你摆好了这把小提琴: 点击克隆几次,然后删除任何按钮。按钮样式将被删除,不再克隆 它基于jQueryUI1.8。它在1.10中工作,但我无法升级jQueryUI 你将如何解决这个问题 提前谢谢 要保持悬停效果,请查看修改后的解决方案,添加了CSS隐藏的模式div 添加到HTML: <div class="group" id="pattern"> <button class="remove">Remove me</button> </div&

我为你摆好了这把小提琴:

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

它基于jQueryUI1.8。它在1.10中工作,但我无法升级jQueryUI

你将如何解决这个问题


提前谢谢

要保持悬停效果,请查看修改后的解决方案,添加了CSS隐藏的模式div

添加到HTML:

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

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

为了保持悬停效果,请查看添加了模式div的修改解决方案,该模式被CSS隐藏

添加到HTML:

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

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

删除
true
布尔值。在委派事件时,不需要传递
true
,ID(identifires)必须唯一。如果删除
true
,例如,悬停效果对克隆的项不起作用这是可以使用事件委派而不是复制处理程序的地方。我对代码进行了一些修改,以防止ID克隆。能否提供事件委派的示例和工作代码?删除
true
布尔值。在委派事件时,不需要传递
true
,ID(identifires)必须唯一。如果删除
true
,例如,悬停效果对克隆的项不起作用这是可以使用事件委派而不是复制处理程序的地方。我对代码进行了一些修改,以防止ID克隆。能否提供事件委派的示例和工作代码?如您所见,如果删除
true
,悬停效果对克隆项目不起作用。如您所见,如果删除
true
,悬停效果对克隆项目不起作用。