Jquery 動的に作成された要素への操作 イベントデリゲーシヨン


 

Event Delegation

要素の作成って、
var div=$(“<div>”);
とかってします。
つづけて、
div.attr(“id”,”myid”);
などとして、idを与えて、
$(“body”).append(div);
して表示した後に、
$(“#myid”).click(){function(){
console.log(“hello”);
});
などとしても、helloは表示されなかったりします。

で、親要素からの指定をすることで、操作が可能になるという話です。
つまり、
$(“document”).on(“click”,”#myid”,function(){
console.log(“hello”);
});

といったん親を指定して、すでにある要素に当ててから、イベントを発生させるということです。

WEBプログム、WEBデザインなどの制作については、以下を御覧ください。

WEBプログム、WEBデザインなどの制作