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
我在页脚中包含JS文件,在页眉中包含CSS: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,它在里面揭示出来了。我下载了完整的软件包,所以它应该可以工作,但它不
<!-- 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')