私は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がクリックをキャッチできない場合:(