2

Zurb Foundation 5 と Orbit スライダーを使用してサイトを構築しています。モーダルにスライダーを設定しましたが、要素を検査するまで画像の上部とスライド ナビゲーションのみが表示され、その後スライダー全体が表示されます。ヘルプ？

サイトはこちら: http://www.parker-gibson.com/testing/foundation/index.html "This is what I do" セクションの最初の画像をクリックすると、問題のスライダーが表示されます。前もって感謝します！関連するコードは以下のとおりです...

<div id="mqm" class="reveal-modal" data-reveal>
  <div class="row">
     <div class="large-4 large-push-8 columns">
        <h3>This is a test</h3>
        <div class="project-description">
        <p>This is a test. Lorem ipsum dolor sit amet...</p>
        </div>
     </div>
     <div class="large-8 large-pull-4 columns">
        <ul data-orbit>
        <li><img src="http://placesheen.com/725/400" alt="sheen1"></li>
        <li><img src="http://placesheen.com/725/400" alt="sheen2"></li>
        <li><img src="http://placesheen.com/725/400" alt="sheen3"></li>
        </ul>
     </div>
        <a class="close-reveal-modal" href="#">x</a>
  </div>
</div>
4

2 に答える 2

2

このスクリプトは問題を修正しました...

<script>
$(document).on('opened', '[data-reveal]', function () {
var modal = $(this);
$(window).trigger('resize');
});
</script>
于 2014-04-26T23:27:24.733 に答える