0

カスタム login.validate イベントを作成し、それを .question 動的要素にバインドしました。トリガー メソッド () を使用して新しいイベントをトリガーできません。ここにJSフィドルとスクリプトがありますhttp://jsfiddle.net/PzSYM/400/

<h2></h2>
<button>generate new element</button>
<p class="generateEvent">Trigger event validate</p>


$("button").click(function() {
    $("h2").html("<p class='test'>click me</p>")
});


$('p.test').bind('validate', function(){

    alert('This is working');
})

$('h2').on('login.validate', 'p.test', function(){
    console.log('Good now the validate event need to be trigered');
});

$('.generateEvent').click(function(){
    $('p.test').trigger('login.validate');

});

動的要素でカスタム イベントをトリガーするにはどうすればよいですか?

4

1 に答える 1

0

イベント デリゲートを使用する必要があります。作業サンプルは次のとおりです。

http://jsfiddle.net/tkirda/PzSYM/414/

$("button").click(function () {
    $("h2").html("<p class='test'>click me</p>")
});


$(document).on('validate', 'p.test', function () {
    alert('This is working');
})

$('h2').on('login.validate', 'p.test', function () {
    console.log('Good now the validate event need to be trigered');
});

$('.generateEvent').on('click', function () {
    $('p.test').trigger('validate');
});
于 2013-05-08T19:01:49.147 に答える