0

HTMLテンプレートを購入しましたが、実装された流砂プラグインに問題があります。

問題は、流砂を使ってコンテンツを変更するとすぐに、最後に問題が発生するということです。写真は他の場所に浮かんでいますが、最終的には非常に過酷で突然の方法で正しい出力写真に変更されます。

変更したのはhtmlコードだけなので、.jsファイルには何もありません。ここで問題を見ることができます：http：//marcknoll.com/work.html フィルターをクリックすると、私が何を意味するかがわかります。

誰かがこの問題を引き起こす可能性があることを知っていますか？前もって感謝します！

乾杯、マーク

4

1 に答える 1

0

これに注意してください。list要素では、li要素のdata-idが14番目のliの後に繰り返されています。id-1から再開します。

 <li data-id="id-1" class="photo">
    <a href="http://marcknoll.com/images/preview/canals.jpg" rel="image_group">
      <img src="work_files/work_1.jpg" alt="Work Image">
    </a>
 </li>
 <li data-id="id-2" class="photo">
    <a href="http://marcknoll.com/images/preview/bikes.jpg" rel="image_group">
       <img src="work_files/work_2.jpg" alt="Work Image">
    </a>
 </li>
 <li data-id="id-3" class="photo">
    <a href="http://marcknoll.com/images/preview/fountain.jpg" rel="image_group">
       <img src="work_files/work_3.jpg" alt="Work Image">
    </a>
 </li>
 ..........
 ..........
 ..........
 ..........
 ..........
 <li data-id="id-14" class="photo">
  <a href="http://marcknoll.com/images/preview/water1.jpg" rel="image_group">
    <img src="work_files/work_12.jpg" alt="Work Image">
  </a>
</li>
<li data-id="id-1" class="photo">   // data-id repeating
  <a href="http://marcknoll.com/images/preview/sony.jpg" rel="image_group">
    <img src="work_files/work_13.jpg" alt="Work Image">
  </a>
</li>

プラグインの流砂が機能するには、data-idがliごとに一意である必要があります。これは私が最初に気づいた問題です。

編集：

確認済み。それが問題です。データIDid -1、id-2、id-3、id-4、id-5 .. id-47、id-48を指定しましたが、正常に動作しています。

于 2011-12-25T13:19:07.230 に答える