2

私はjQueryの新入生です。jQuery がコードによって追加された要素を操作できるのは合理的だと思いますが、今のところできないことがわかりました。

$(function(){
    $("#addVideo").click(function(){
         $("#publisher").append("<div id='choseType'><input type='button' value='video'> <input value='music' type='button'> <input type='button' value='X'></div>");
    })      
    $("#choseType input:eq(0)").click(function(){
     $(this).addClass("selected");
    })
})

それはjqueryの制限ですか、それとも私のコードのせいですか? 2番目のclick()関数を最初の関数に入れると正しく実行されるようですが、1回しか実行されません(追加されたものを削除し#choseTypeて再度追加すると、2回目のクリックは機能しません.)次に、追加されたコードを操作するにはどうすればよいですか?要素？ありがとう！

4

2 に答える 2

4

動的ではない要素にイベントを委譲します。

$(document).on('click', "#choseType input:eq(0)", function(){
    $(this).addClass("selected");
});

そしてIDはユニークです！

于 2012-04-29T23:56:22.043 に答える
2 
$(function(){
    $("#addVideo").click(function(){

        //create new content, and append to publisher
        //also, reference the new content
        var newContent = $("<div><input type='button' value='video'> <input value='music' type='button'> <input type='button' value='X'></div>").appendTo('#publisher');

        //then add a handler to input in the context of the new content
        $("input:eq(0)", newContent).click(function(){
            $(this).addClass("selected");
        });
    })    
})
于 2012-04-29T23:56:31.117 に答える