4

画像ギャラリーとして使用しているURLが1つあります。このURLには親指がありますdiv(簡潔にするために、4つの親指のみを表示しています)。

 <div id="thumbs">
 <img src="graphics/thumbs/01.jpg" width="190" height="190" class="thumb objects" id="project01" />
 <img src="graphics/thumbs/08.jpg" width="190" height="190" class="thumb web" id="project08" />
 <img src="graphics/thumbs/14.jpg" width="190" height="190" class="thumb freehand" id="project14"/>
 <img src="graphics/thumbs/04.jpg" width="190" height="190" class="thumb freehand objects" id="project04" /></div>

divそして、と呼ばれる空#content

<div id="content"></div>

divと呼ばれる隠された#preload

 <div id="preload">
<span id="project01_content"><img src="graphics/010.jpg" /></span>
<span id="project02_content"><img src="graphics/022.jpg" /><img src="graphics/021.jpg" /><img src="graphics/023.jpg" /><img src="graphics/020.jpg" /></span>
<span id="project03_content"><img src="graphics/030.jpg" width="450" height="600" /><img src="graphics/031.jpg" width="450" height="600" /></span>
<span id="project04_content"><img src="graphics/040.jpg" width="775" height="600" /><img src="graphics/041.jpg" width="775" height="600" /></span></div>

私のjQueryは、クリックされたサムネイルのIDをclone()対応する画像に使用し、メソッドを使用してspanそれらをドロップします。それは素晴らしい働きをします。さて、プロジェクト01に戻り、すでにプロジェクト01で埋め尽くしたいと思います。#contenthtml()mysite.com/#project01#content

同じjQuery状態を呼び出すハッシュURLを各画像に与えるにはどうすればよいですか?

4

1 に答える 1

3

次のように、ページが読み込まれ、現在のコードが実行されるとすぐに、その親指をクリックするだけで済みます。

$(function() {
  if(window.location.hash.indexOf('project') > -1)
    $(window.location.hash).click();
});

これは、サンプルURLにあるwindow.location.hashプロパティを使用し"#project01"ます...したがって、すでに#IDセレクターであるため、関心のあるハッシュであることを確認し、そのセレクターを使用してを起動し.click()ます。サムの現在のクリックハンドラーがバインドされたにこれが実行されることを確認してください。

于 2010-08-18T12:05:07.150 に答える