2016-03-25 7 views
0

追加で作成されたJqueryで要素をフォーカスしたいとします。 マイexemple:Jqueryが追加要素に焦点を当てています

$("#Collaps").append('<a id="link_tuiles_1" href="test.php">Link</a>') 

$("#link_tuiles_1").focus(function(){  
alert('ok'); 
}); 

<div id="Collaps"></div> 

しかし、それは作品を行いません。 私を助けることができますか?

+0

$( "#Collaps")のようにそれをしようと動作しません( ' Link')追加.focus(); –

答えて

1

これは、要素がページに挿入される前に、あなたは機能をバインドするので、この

("#Collaps").append('<a id="link_tuiles_1" href="test.php">Link</a>') 

$(document).on("focus","#link_tuiles_1",function(){  
alert('ok'); 
}); 
+0

それは私の問題です、あなたはそれを解決する!しかし、私は以前のjsfiddleもなぜ機能するのか分かりません。 – Arnaud

+0

それはブラウザがページをロードする速さとjsコードが解析されるかどうかによって決まります... – Sabbin

+0

また、動的に追加された要素、つまりページをロードした後にDOMに追加される要素にイベントをバインドする場合は、イベントを要素にバインドする – Sabbin

関連する問題