4

Joyride を機能させるのに苦労しています。Zurb のドキュメントに記載されているとおりにコードを入力しましたが、実行されません。私が間違っているかもしれないことについてアドバイスが必要です。

<div class="row">
  <div class="large-12 columns">
    <ul>
      <li><h2 id="firstStop" class="panel">First</h2></li>
      <li><h2 id="secondStop" class="panel">Second</h2></li   

    </ul>
  </div>
</div>

私が持っているページのふもとに

<!-- At the bottom of your page but inside of the body tag --> 
    <ol class="joyride-list" data-joyride>
      <li data-id="firstStop" data-text="Next">
        <p>Test</p>
      </li>
      <li data-id="secondStop" data-text="Next">
        <p>Test</p>
      </li>
      <li data-button="End">
        <p>Test</p>
      </li>  
    </ol>

そして、基礎は次のように初期化されます

$(document).foundation('joyride', 'start');

ただし、ページを読み込んでも何も起こりません。私は今少し混乱しています。誰でも助けることができますか？

4

1 に答える 1

5

私は自分の質問に対する答えを見つけましたが、それを見つけるために Foundation 5 のデモンストレーション コード ビハインドに忍び込む必要がありました。実際には文書化されていない joyride の初期化は、次のようにする必要があります。

$(document).foundation().foundation('joyride', 'start');

Zurb がこれに言及しない理由は完全な謎です。

于 2014-05-08T07:00:12.407 に答える