gpt4 book ai didi

javascript - Foundation Orbit 未初始化

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:48:27 26 4
gpt4 key购买 nike

我正在使用 Foundation 4 框架。我一直在尝试将 Orbit 幻灯片添加到我的网站中,但我似乎无法让它工作。

所以我按照 Foundation documentation 中的步骤操作.我已经包含了所有必要的脚本

<script type="text/javascript" src="js/vendor/custom.modernizr.js"></script>
<script type="text/javascript" src="js/foundation.min.js"></script>
<script type="text/javascript" src="js/foundation/foundation.orbit.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(document).foundation();
</script>

然后我尝试添加一个简单的幻灯片

<ul data-orbit>
<li>
Test1
</li>
<li>
Test2
</li>
<li>
Test3
</li>
</ul>

但是,我得到的不是生成幻灯片,而是一个未编号的列表。我检查了三次以确保我没有拼错任何东西。 Here这是我得到的例子。

最佳答案

根据我的经验,Foundation 的文件有点乱,所以请尝试执行以下操作:

  1. 将 modernizr 放在 <head>
  2. 在您的 <body> 末尾引用以下 js就在 </body> 之前标签:

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

这样你就可以在现代浏览器中加载 Zepto,在旧浏览器中加载 jquery,然后加载 Foundation,然后告诉文档获取格式。无需加载 orbit js,因为它在最小版本的 Foundation 中。

代码记录在http://foundation.zurb.com/docs/javascript.html

关于javascript - Foundation Orbit 未初始化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15906044/

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