1

要素がdomに追加されたときに、クリック機能を使用して要素をバインドしています。ここでの私の問題は、たとえば3つの要素を追加し、それらのいずれかをクリックすると、その機能が3回実行されることです。それらを3回トリガーするのは何ですか？これは他の方法で実行できますか？

ここでjsfiddleデモで説明しましょう

html

<div id="breadcrumb"><a href="#" id="start" class="click-me">Start</a></div>
<a href="#" id="add_to_breadcrumb">Add to breadcrumb</a>​

jquery

$('#add_to_breadcrumb').on('click', function(){
    $('#breadcrumb').append('<a href="#" class="click-me">' + $('#breadcrumb > a').size() + '</a>', bindClick());


});

function bindClick(){
    $(document).on('click', '.click-me', function(){
        alert($(this).text());        
    });        
}
4

1 に答える 1

1

これを試してみてください：

$('#add_to_breadcrumb').on('click', function() {
    $('#breadcrumb').append('<a href="#" class="click-me">' + $('#breadcrumb > a').size() + '</a>');
});

$(document).on('click', '.click-me', function() {
    alert($(this).text());
});

デモ

各追加でのバインドclickイベント。各追加で何度も各要素にバインドします。

于 2012-06-08T06:10:50.890 に答える