Zurb foundation Zurb基金会6披露了No.Y.X27;行不通 我下载了新ZURB基金会6完整包( 基础)。存档文件包含以下文件和文件夹: [css] > app.css, foundation.css, foundation.min.css [img] > [empty folder] [js] > app.js foundation.js foundation.min.js vendor > jquery.min.js, what-input.min.js

Zurb foundation Zurb基金会6披露了No.Y.X27;行不通 我下载了新ZURB基金会6完整包( 基础)。存档文件包含以下文件和文件夹: [css] > app.css, foundation.css, foundation.min.css [img] > [empty folder] [js] > app.js foundation.js foundation.min.js vendor > jquery.min.js, what-input.min.js,zurb-foundation,zurb-foundation-6,Zurb Foundation,Zurb Foundation 6,我在页脚中包含JS文件,在页眉中包含CSS: <!-- foundation library and initialization --> <script src="/Foundation/js/foundation.min.js"></script> <script> $(document).foundation(); </script> 我看了一下基础,Js,它在里面揭示出来了。我下载了完整的软件包,所以它应该可以工作,但它不

我在页脚中包含JS文件,在页眉中包含CSS:

<!-- foundation library and initialization -->
<script src="/Foundation/js/foundation.min.js"></script>
<script>
  $(document).foundation();
</script>
我看了一下基础,Js,它在里面揭示出来了。我下载了完整的软件包,所以它应该可以工作,但它不能

应该触发模式的JS代码:

$('#submit-modal').foundation('reveal', 'open');
更新1:在新页面上尝试:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="/Foundation/css/foundation.min.css" rel="stylesheet" />
</head>
<body>
    <div class="row">this is the body of the page</div>
     <div id="popup-modal" class="reveal-modal full" data-reveal aria-labelledby="pop-up-modal-title" aria-hidden="true" role="dialog">
         test
     </div>

<script src="/Foundation/js/vendor/jquery.min.js"></script>

<!-- foundation library and initalization -->
<script src="/Foundation/js/vendor/what-input.min.js"></script>
<script src="/Foundation/js/foundation.js"></script>

<script>
    $(document).foundation();
</script>

</body>
</html>
从控制台

基金会6是一个新的释放,我;我可能错过了什么。我从基金会5升级到基金会6。基础5显示工作OK,但是在改变到新的基础6之后,一些组件开始不工作。 我检查了文档,初始化和类都是相同的。

尝试使用

var popup = new Foundation.Reveal($('#popup-modal'));
然后:

popup.open();

$('#弹出模式')。基础('显示','打开')在基础6中已经不起作用了。

< Pr>来自Zurb的克里斯。有几种方法可以调用插件上的方法,请参见:

现在简单的“新”方法是

$('#exampleModal').foundation('open')

Juliancwirko和EddieDean提供的两个选项都有效。但这是有区别的

如果您正在使用“新基础”“方法,并且您还有数据选项设置,如:data options=“closeOnEsc:false;closeOnClick:false;”,则它们不会产生任何效果


但是,如果您使用的是foundation('open'),它们将起作用。

Yep,而且它们还将类更改为“reveal”,而不是“reveal modal”。很好,谢谢!事实上,这是行不通的。作为jQuery扩展的基础签名已经更改为第一个参数作为插件,其余参数作为插件的选项:哇!谢谢在这里工作得很好!哇!你是我的救命恩人。谢谢如何将模型附加到基础6中的根元素,而不是BODYI遇到相同的问题。我认为,互联网上的搜索直接引用了基金会5的公开文档,而不是6。@ USER 1801879-你有没有得到你的问题的答案“你如何将模式附加到基础6中的根元素而不是身体?”我被这件事难住了。有时,内容需要在另一个元素中,特别是如果您希望它成为jQuery插件的一部分!
popup.open();
$('#exampleModal').foundation('open')