jQuery的動態點擊事件

Question

我的一些代碼使用jQuery來創建元素<a>與點擊行爲給出一個函數：

$(alternatives).each(function (idx, elt) { 
    var element = $('<span class="label label-success">'); 
    var link = $('<a class="prop' + idx + '" title="' + elt + '">' + elt + '</a>'); 
    link.click(switchLabel); 
    element.append(link); 
    list.append(element); 
}); 

這裏的想法是捉對<a class="prop1-0" title="myTitle">my link</a> click事件來改變一個文本<span id="corr1-0">my old text</span>。兩個元素之間的鏈接由類後綴f.i構成。 1-0。

我有幾雙<a>/<span>，我檢查了每一個ID。

一些環節的工作，但有的沒有：在控制檯沒有錯誤，沒有與螢火蟲追蹤...

綁定功能是：

function switchLabel(e) { 
    $('#corr'+ e.target.className.substr(4)).text($(e.target).attr('title')); 
} 

你有一些提示，以幫助我跟蹤這種不需要的行爲？ 我可以在實施中犯錯嗎？

問候

Answer 1

你的變量不匹配，您使用的指標，而不是IDX等，並有更簡單的方法來創建元素和事件處理？

$.each(alternatives, function (idx, elt) { 
    var element = $('<span />', {'class' : 'label label-success', 
           id  : 'corr'+idx 
           } 
     ), 
     link = $('<a />' {id : 'prop' + idx, 
          title : elt, 
          text : elt 
          } 
     ); 
    link.on('click', function() { 
     $('#' + this.id.replace('prop','corr')).text(this.title); 
    }); 
    list.append(element.append(link)); 
});