jquery - iframe に動的 URL を読み込む

Question

イッピーですごいものを見た

すばやく表示できるように、URL を iframe にロードしています。私のウェブサイトでも同じことをしたいと思います。bing API を使用しています。例: JsFiddle

そこで、ロード イベントをトリガーするために iframe と div を追加しました。

<div class="blok"></div>
<iframe class="ifram" src="" width="100" height="100"></iframe>

そして、私はイベントのためにこれを試しました：

$(".block").click(function () { 

$(".ifram").attr("src", (".desc a", this).text() );
});

うまくいきません。

Answer 1

構文エラーのようです。

$(".block").click(function () { 
  $(".ifram").attr("src", $(".desc a", this).text() );
});

の前に「$」を付けるのを忘れました(".desc a", this).text()。

Answer 2

約6つの問題があります：

1. を使用しています.click()が、結果は動的に追加されるため、次のようなライブ ハンドラーを使用する必要があります。.on()
2. 要素は.blokhtmlにありますが、イベントをバインドしています.block
3. すべて .iframの要素の src を設定しようとしています
4. $セレクターの前に を忘れました
5. セレクターに要素自体のコンテキストを渡していますが、見つけたいアンカーは兄弟の中にあります
6. href ではなく、アンカーのテキストにアクセスしています。

次のコードは、あなたが望むことをするはずです:

$("body").on('click', '.blok', function () {
    $(this).siblings(".ifram").attr("src", $(this).siblings('p.desc').find('a').attr('href') );
});

jsFiddle: http://jsfiddle.net/aHCT5/18/