私はAjaxで動的コンテンツを取得し、それをdivに入れましたが、問題は、いくつかの子div(動的コンテンツから)のIDが異なることです。だから私はこれらのdivのセレクターを追加しましたが、私が言ったように、それらは動的にロードされ、それはそれらが(別のファイルから)ロードされてdivに挿入される前にどこにも表示されないことを意味します。動的コンテンツを挿入すると問題が発生します。jQueryはこれらのdivを選択できません:(私の問題に対する可能な解決策はありますか?
うーん、私の説明は良くないので、コードで話します:D
例:これは空のdivです
<div id="div"></div>
これがjQueryコードです
$(document).ready(function(){
$ .get( "file.php"、function(data){
$( "#div")。html(data);
$( "#somediiv")。click(function(){
alert( "うん");
});
$( "#somediv")。click(function(){
$ .get( "otherfile.php"、function(data){
$( "#div")。html(data);
});
});
$( "#somediv2")。click(function(){
$ .get( "file.php"、function(data){
$( "#div")。html(data);
});
});
});
});
新しいコンテンツが来るまで、すべてが機能します。新しいコンテンツには、「file.php」が読み込まれるときにIDが「somediiv」のdivがあり、クリックすると「otherfile.php」が読み込まれ、このdivのコンテンツには別のdivがあります。 id "somediiv"ですが、jQueryがクリックをキャッチできない場合:(