Question

私は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番目のクリックをもう一度追加しても機能しません）。コードを追加しましたか？ありがとう！

Answer 1

$(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"); 
     }); 
    })  
}) 

Answer 2

委任動的でない要素にイベント：

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

とIDのはユニークです！