基金會5 JS插件不工作

我已經使用基金會幾年了，但直到我剛剛升級到基金會5之前，沒有JS插件的問題。我運行了鮑爾'捆綁'並更新了文件路徑，但無論如何，Reveal和Joyride等插件根本不會觸發，除非通過控制檯手動調用。開發工具不會拋出任何錯誤或顯示任何丟失的文件，所以我不知道發生了什麼。基金會5 JS插件不工作

這裏是我的超級基本標記：

<html class='no-js' lang='en'> 
    <head> 
    <meta charset='utf-8'> 
    <meta content='width=device-width, initial-scale=1.0' name='viewport'> 
    <link href='stylesheets/app.css' rel='stylesheet'> 
    <script src='bower_components/modernizr/modernizr.js'></script> 
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script> 
    </head> 
    <body> 
    <div class='row'> 
     <div class='small-12 columns'> 
     <a data_reveal_id='myModal' href='#'> 
      <button>Hello!</button> 
     </a> 
     </div> 
    </div> 
    <div class='reveal-modal' data_reveal id='myModal'> 
     <h1>I'm a modal!</h1> 
     <a class='close-reveal-modal'>&#215;</a> 
    </div> 
    <script src='bower_components/foundation/js/foundation.min.js'></script> 
    <script src='bower_components/fastclick/lib/fastclick.js'></script> 
    <script> 
     $(document).foundation(); 
    </script> 
    </body> 
</html>

任何幫助將非常感激！我試過檢查每一個其他線程，我可以找到，但我還沒有看到類似的問題。

來源

2014-11-23 user2559119

你肯定有一個在網絡面板沒有404錯誤？ – raina77ow 2014-11-23 21:25:30

@ raina77ow - 不會在控制檯中，沒有任何網絡（一切正在加載） – user2559119 2014-11-23 22:06:15

請嘗試在小提琴中重現錯誤並與我們分享。 – 2014-11-24 04:00:04

您的代碼中有2個錯誤。

不使用下劃線，爲數據使用連字符屬性工作正確
不要把你的按鈕錨標記內，該按鈕sufficent。

像這樣：

<html class='no-js' lang='en'> 
    <head> 
    <meta charset='utf-8'> 
    <meta content='width=device-width, initial-scale=1.0' name='viewport'> 
    <link href='stylesheets/app.css' rel='stylesheet'> 
    <script src='bower_components/modernizr/modernizr.js'></script> 
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script> 
    </head> 
    <body> 
    <div class='row'> 
     <div class='small-12 columns'> 
     <!--<a data_reveal_id='myModal' href='#'>--> 
      <button data-reveal-id='myModal'>Hello!</button> 
     <!--</a>--> 
     </div> 
    </div> 
    <div class='reveal-modal' data-reveal id='myModal'> 
     <h1>I'm a modal!</h1> 
     <a class='close-reveal-modal'>&#215;</a> 
    </div> 
    <script src='bower_components/foundation/js/foundation.min.js'></script> 
    <script src='bower_components/fastclick/lib/fastclick.js'></script> 
    <script> 
     $(document).foundation(); 
    </script> 
    </body> 
</html>

來源

2014-12-03 20:11:49 Conjak

基金會5 JS插件不工作

回答

相關問題