1

ページにオービットスライダーを実装しようとしています。これは画像と通常の箇条書きだけで問題なく機能しますが、これにディープリンクを追加すると、各ディープリンクの#hrefがトリガーされ、ページの上部に戻されます。data-orbit-linkが機能しているかどうかさえわかりません。

<div class="row">
  <ul id="featuredCom" data-orbit>
    <li data-orbit-slide="image-1">
      <img src="images/featureimages/slide2.jpg" />
    </li>
    <li data-orbit-slide="image-2">
      <img src="images/featureimages/slide1.jpg" />
    </li>
    <li data-orbit-slide="image-3">
    <img src="images/featureimages/slide3.jpg" />
    </li>
 </ul>
</div>
 <div class="row">
   <ul class="inline-list">
      <li><a href="#" data-orbit-link="image-1">Image One</a></li>
      <li><a href="#" data-orbit-link="image-2">Image Two</a></li>
      <li><a href="#" data-orbit-link="image-3">Goto Three 3</a></li>
   </ul>
 </div>

<script>
$(window).load(function(){
  $('#featuredCom').orbit({

 });
});
</script>

orbit.jsファイルには何も変更していないので、何が原因であるかわかりません。Foundation 4の軌道ドキュメントを前後に読んで、何かが足りないかどうかを確認しますが、コードをコピーしても、ディープリンクは同じように動作します。どんな助けでもいただければ幸いです!

4

1 に答える 1

1

javascriptを使用できます:void(0);

<a href="javascript: void(0);" data-orbit-link="image-1">Image One</a>

そして使用する

$(document).foundation();
于 2013-03-19T08:46:13.810 に答える