基金会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>

任何帮助将非常感激！我试过检查每一个其他线程，我可以找到，但我还没有看到类似的问题。

你肯定有一个在网络面板没有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>

基金会5 JS插件不工作

相关推荐