画像をクリックして外部のコンテンツを読み込むように関数を記述しようとしています。私はそれがテキストドキュメントからこの外部コンテンツをロードしたい画像をクリックしてください画像にクリック機能を追加する方法
<section class='images'>
<img class="review-img" id="lifeofpi" src="./images/lifeofpi.jpg"></img>
</section>
$(document).ready(function(){
$("#lifeofpi").click(function(){
$("#lifeofpi").load("lifeofpi.txt #p1");
});
});
。しかし、画像をクリックすると何も起こりません。
イメージにコンテンツを読み込もうとしています。実際に子を持つことができる要素に追加する必要があります。
<section class='images'>
<img class="review-img" id="lifeofpi" src="./images/lifeofpi.jpg">
<div id="lifeofpi_details"></div>
</section>
$(document).ready(function(){
$("#lifeofpi").on("click", function() {
$("#lifeofpi_details").load("lifeofpi.txt #p1");
});
});
小さいポップアップボックスをロードしたい場合は、代わりにlifeofpi.htmlを使用します – Car
いいえCSSを使用してモーダル/ポップオーバー/ツールチップなどにすることはできません。 。 – epascarello
私はちょうどそれdoesnt仕事をコードを試みた – Car
$("#lifeofpi").on("click","#p1 lifeofpi.txt",function (e) {
e.preventDefault();
alert(this.id);
});
なぜあなたがイメージにテキストファイルをロードしている程度event-delegation
を読みますか？何が正確に起こりたいですか？画像をクリックし、コンテンツはどこに追加されますか？画像に子供がいないので、画像の子として追加したくないことは分かっています。 – epascarello
私は、イメージ自体についてのコンテンツをロードしたいだけです。たとえば、映画の場合。画像をクリックすると、txtファイルがロードされ、ムービーの詳細が表示されます。たとえば、公開、評価などの年 – Car
そのコンテンツをどこに移動するかを指定する必要があります。 – epascarello