0

誰かがこのページのサムネイル グリッドを見て、最初の機能が機能するのに 2 番目の機能が機能しない理由を理解するのに役立つことを願っていました。

http://bitfidelity.com/temp/index.html

どちらもクリックすると拡大するはずですが、2 番目の画像は通常の画像リンクとして機能します。スクリプトが複数回アクティブになるように、各サムネイル グリッドを一意に識別する必要があると思いますが、その方法がわかりません。

グリッドはhttp://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-previewの codrops 記事から取得されます。

4

3 に答える 3

2

両方の要素に同じ ID を使用することはできません<ul>。そのため、jQuery は最初に出現したもののみを選択するため、最初のリストのみが機能します。別の ID を使用する (あまり実用的ではない) か、代わりに単純にクラスを使用する必要があります (これは<ul>、効果を適用するすべての要素に適用されます)。

セレクターはgrid.jsファイルの 167 行目にあります。

var $grid = $('#og-grid'),

次のような別のセレクターを使用してみてください。

var $grid = $('.og-grid'),
于 2013-04-05T16:30:58.443 に答える