0

財団の軌道を機能させるのに問題があります。通常の HTML から呼び出すことができ、正常に動作しますが、動的に生成されたハンドルバー HTML を使用しようとすると、読み込まれません。

ページはここにあります: http://danheidel.github.io/resume-foundation/#art-contact 機能しない Orbit カロセルは上にあり、機能するものはページの下部にあります。(後者の書式設定は Foundation グリッドにないため、少し厄介です) ソースはこちら: https://github.com/danheidel/resume-foundation

読み込み時にエラーが発生していないため、Orbit が動的にテンプレート化された HTML で起動していないと思われます。Orbit でテンプレートを操作するようになった人はいますか?

Handlebars から動的に生成された HTML を以下に示します。私が知る限り、それはすべて適切にフォーマットされています。

編集:最初のページの読み込み後に HTML の変更をインターセプトしないため、Orbit が起動していないことはほぼ確実です。JQuery のロード後に適切な HTML を使用して div を変更することでテストしましたが、Orbit もそれをインターセプトしませんでした。ロード後に Orbit を起動する方法を誰か教えてもらえますか?

      <div class="panel" id="minor-panel">
           <h3>Contact</h3>
           <ul data-orbit="">
                 <li>
                    <img src="img/contact part3_lbox.jpg">
                    <div class="orbit-caption">caption 1</div>
                 </li>

                 <li>
                    <img src="img/contact part4_lbox.jpg">
                    <div class="orbit-caption">caption 1</div>
                 </li>

                 <li>
                    <img src="img/contact part5_lbox.jpg">
                    <div class="orbit-caption">caption 1</div>
                 </li>

                 <li>
                    <img src="img/contact part6_lbox.jpg">
                    <div class="orbit-caption">caption 1</div>
                 </li>
           </ul>
     </div>
4

1 に答える 1

2

うーん、スタックオーバーフローの表示が悪い。:(とにかく、私はJSを掘り下げて答えを見つけました。

Foundation.libs.orbit.init();

HTML を更新するたびに、スライダーを適切にフォーマットします。

于 2013-07-17T18:18:37.790 に答える