gpt4 book ai didi

jquery - 使用 Zurb Foundation 时包含自定义 javascript 的正确方法

转载 作者:行者123 更新时间:2023-12-03 23:05:38 26 4
gpt4 key购买 nike

现在,当我尝试将自己的 jQuery 添加到 Foundation 项目时,我多次遇到问题。

这与基金会使用“无冲突”的方式有关吗?添加自己的脚本的正确步骤是什么?

我尝试在调用foundation.min.js之后包含对scripts.js文件的调用,但一些非常简单的slideToggle调用根本没有运行。然而,当我删除对 Foundation.min.js 的引用时,一切正常。

我也遇到过外部脚本文件的问题。

有什么建议吗?谢谢。

最佳答案

我将自定义 js 脚本添加到脚本列表的最末尾,位于结束正文标记之前和 $(document).foundation(); 之前。我还将它存储在 js/vendor 目录中。在下面的粘贴中,我将所有内容存储在全局目录中;只需查找您自己的 js 目录即可。

<script src="global/js/vendor/jquery.js"></script>
<script src="global/js/foundation/foundation.js"></script>

<script src="global/js/foundation/foundation.alerts.js"></script>

<script src="global/js/foundation/foundation.clearing.js"></script>

<script src="global/js/foundation/foundation.cookie.js"></script>

<script src="global/js/foundation/foundation.dropdown.js"></script>

<script src="global/js/foundation/foundation.forms.js"></script>

<script src="global/js/foundation/foundation.joyride.js"></script>

<script src="global/js/foundation/foundation.magellan.js"></script>

<script src="global/js/foundation/foundation.orbit.js"></script>

<script src="global/js/foundation/foundation.placeholder.js"></script>

<script src="global/js/foundation/foundation.reveal.js"></script>

<script src="global/js/foundation/foundation.section.js"></script>

<script src="global/js/foundation/foundation.tooltips.js"></script>

<script src="global/js/foundation/foundation.topbar.js"></script>

<!-- My Custom Script!!!! -->
<script src="global/js/vendor/custom.js"></script>

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

您没有提及您是否使用 Zurb Foundation 4;如果您注意到它默认使用 Zepto(而不是 jQuery),但不理解 proto 调用的浏览器除外。如果您发现 jQuery 函数不起作用,您可能需要注释掉设置 Zepto 而不是 jQuery 的代码,然后进行测试。在文档底部附近查找以下内容:

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

将其替换为:

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

<script src="global/js/vendor/jquery.js"></script>

然后确保将 jquery.js 存储在适当的文件夹中。同样,我将文件存储在/global 目录中。

希望有帮助!

关于jquery - 使用 Zurb Foundation 时包含自定义 javascript 的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15784753/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com