0

私は手紙にすべてに従い、modernizrを追加し、プラグインを追加し、cssを追加し（revealは明らかにfoundationに含まれているようです）、最初にfoundationを初期化し、jqueryをロードしました下。何が欠けていますか？

<html>
    <head>
    <script src="js/custom.modernizr.js"></script>
    <script src="js/foundation.min.js"></script>



        <link rel="stylesheet" href="css/foundation.css">
      <link rel="stylesheet" href="css/foundation.min.css">
      <link rel="stylesheet" href="css/normalize.css">

    <script>
      $(function(){
        $(document).foundation();    
      })
    </script>

    </head>
    <body>
    <div id="myModal" class="reveal-modal">
      <h2>Awesome. I have it.</h2>
      <p class="lead">Your couch.  It is mine.</p>
      <p>Im a cool paragraph that lives isnside of an even cooler modal. Wins</p>
      <a class="close-reveal-modal">&#215;</a>
    </div>

            <a href="#" class="big-link" data-reveal-id="myModal" id="my-trigger">
                Fade and Pop
            </a>    

    </body>

    <script>
      document.write('<script src=/js/vendor/'
        + ('__proto__' in {} ? 'zepto' : 'jquery')
        + '.js><\/script>');
    </script>

    </html>

モーダルのトリガー $('#my-trigger').trigger('click'); そこのように: Foundation 4 で Modal を明らかにしても、どちらも役に立ちませんでした。

4

1 に答える 1

1

私のビルドでは、javascript はフッターの後にあります (modernizr を除く)。問題を再現するために、あなたの設定に似たテスト ページを作成しました。動かしてみる

<script src="js/foundation.min.js"></script>

<script>
  $(function(){
    $(document).foundation();    
  })
</script>

あなたの直後に

<script>
  document.write('<script src=/js/vendor/'
    + ('__proto__' in {} ? 'zepto' : 'jquery')
    + '.js><\/script>');
</script>
于 2013-05-06T20:12:10.113 に答える