jQuery 克隆 + 实时问题

Question

我有一段 html，我想复制并在新复制的块特定处理程序中分配特定选择。我的问题是处理程序被触发 n 次我复制这个块。有什么建议可以调试这个麻烦吗？ （总列表：total listing）

jQuery 代码：

"appendNewBlockTo" : function(oAppendTo, sFilterByCName){
    var iIndex = $("." + sFilterByCName).length/2;
    var oNewPlayerCS = $("#" + this.sTemplateBlockID).clone(false);


    // alter template before copying
    $(oNewPlayerCS).find("." + this.sClassListboxCName).addClass(sFilterByCName).attr('index', iIndex).live($.browser.msie ? 'click' : 'change', function(){PlayerCS.enableSListbox(sFilterByCName, iIndex);});
    $(oNewPlayerCS).find("." + this.sSpecListboxCName).addClass(sFilterByCName).attr('index', iIndex);
    $(oNewPlayerCS.removeAttr('id').removeAttr('style')).appendTo(oAppendTo);
},

要多次复制的 HTML 块：

<div id="playerCSTemplate" style="display:none;">
    <select class="class_listbox">
        <option selected="selected" value="0">Class</option>
        <option class="class_value" value="1">mage</option>
        <option class="class_value" value="2">priest</option>
    </select>

    <select class="spec_listbox" disabled>
        <option value="0">Unknown</option>
        <option class="spec_class class_specs_1">Frost</option>
        <option class="spec_class class_specs_1">Fire</option>
        <option class="spec_class class_specs_2">Holy</option>
        <option class="spec_class class_specs_2">Shadow</option>
    </select>
</div>

Answer 1

您正在使用clone(true) - true 表示应该克隆元素以及它们设置的事件。然后，您将更多事件添加到克隆，因此重复。

将行改为：

var oNewPlayerCS = $("#" + this.sTemplateBlockID).clone(false); 

或者，如果需要，您可以省略 false，因为它是默认值。

或者，您可以留下clone(true)，而不是向其中添加事件。