0

これは古典的な iframe コードです。私が望むのは、さまざまなリンクをクリックしたときにさまざまなものを表示することだけです。

リンクが異なるページにワードプレスのさまざまなギャラリーを表示したいと考えています。それぞれに異なるhtmlをコーディングしたくありません

<iframe id="myIframe" src="about:blank" height="200" width="500"></iframe>
<br />
<a href="http://www.blogger.com" target="myIframe">Blogger</a><br />
<a href="http://www.cnn.com" target="myIframe">CNN</a><br />
<a href="http://www.google.com" target="myIframe">Google</a><br />
4

1 に答える 1

2

あなたがしようとしているのは、リンクをクリックしたときにページの特定の部分を表示および非表示にすることです。そのために iframe を使用する必要はありません。これには非表示の div を使用するか、別のギャラリーをロードするために ajax 呼び出しを使用する方がよいと思います。非表示の div アプローチを紹介します。

<div id="gallery1" class="gallery">
  A whole lot of html that makes up the 1st gallery
</div>
<div id="gallery2" class="gallery" style="display:none">
  A whole lot of html that makes up the 2nd gallery
</div>
<div id="gallery3" class="gallery" style="display:none">
  A whole lot of html that makes up the 3nd gallery
</div>

<a href="JavaScript:void(0)" data-gallery="gallery1">Show gallery 1</a>
<a href="JavaScript:void(0)" data-gallery="gallery2">Show gallery 2</a>
<a href="JavaScript:void(0)" data-gallery="gallery3">Show gallery 3</a>

​
$('a').click(function() {
  $('.gallery').hide();
  $('#' + $(this).data('gallery')).show();
});

ここに js フィドルがあります: http://jsfiddle.net/nV5vy/

于 2012-04-19T21:53:38.790 に答える