【问题标题】:Zurb Foundation 6 and Orbit ErrorZurb Foundation 6 和轨道误差
【发布时间】:2016-07-18 11:08:16
【问题描述】:

我正在尝试使用 Orbit 和 Foundation 6,但没有成功。图片显示为一个在另一个之上,并且不会改变。我在错误控制台中收到 Javascript 错误消息。

如果我删除对 Orbit 的引用,则不会出现 javascript 错误消息。

时间戳:18/07/2016 12:51:46 错误:TypeError:很抱歉,对象不是有效参数。您必须使用一个字符串来表示您希望调用的方法。 源文件:http://lf/bower_components/foundation-sites/js/foundation.core.js 线路:284

调用js文件的页面底部是

</script>
<!--<script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>-->
<script src='bower_components/foundation-sites/js/foundation.core.js'></script>
<script src='bower_components/foundation-sites/js/foundation.orbit.js'></script>
<script>
    /*
    $(document).foundation();
    */   

    $(document).foundation({
        orbit: {
            animation: 'slide'

        }
    });
</script>

.js 代码的所有路径都是正确的。

我猜我有一个不正确的版本,但我不知道是什么。

有人有什么建议吗?

【问题讨论】:

    标签: zurb-foundation orbit


    【解决方案1】:

    Foundation 6 使用 jqueryjquery(version).minjquery.js 应该是您应该参考的 first script

    除此之外,我猜你没有通过Foundation 6 Orbit Slider 文档的JavaScript Reference 部分。

    It says:

    文件foundation.orbit.js 必须包含在您的JavaScript 中才能使用此插件,以及foundation.core.js此插件还需要这些实用程序库:

    foundation.util.keyboard.js, foundation.util.motion.js, foundation.util.timerAndImageLoader.jsfoundation.util.touch.js

    因此请尝试在您的脚本空间中引用这些内容或使用foundation.min.js,它将处理所有依赖项。

    还有一个重要的事情,如果你想animate你的滑块,那么你将必须安装并包含motion-ui引用,如@987654338中所述@ 文档的 Using Animation 部分。

    【讨论】:

    • 谢谢,我会试试的。我在其他地方找到了示例中显示的代码,现在看不到在哪里!我明天去看看。
    • 我无法在回复中显示代码,尽管尝试了“4 个空格”和反引号 - 它只是显示为一长行文本。我稍后再试!
    • 你必须留下一行(点击回车/回车),然后在第二行留下四个空格,你的代码才会出现。
    猜你喜欢
    • 2018-05-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-18
    • 1970-01-01
    相关资源
    最近更新 更多