1

我在我的网站上使用 Foundation 框架，现在我正在实现 Sequence 滑块，它工作得很好，但只有当我在头部注释以下 Foundation JS 文件时：

<script src="/plugins/foundation/modernizr.foundation.js" type="text/javascript"></script>
<script src="/plugins/foundation/foundation.min.js" type="text/javascript"></script>
<script src="/plugins/foundation/app.js" type="text/javascript"></script>

但是，对于基础的其他一些功能，我确实需要这些文件。以前有没有其他人遇到过这个问题并找到了解决方案？谁能给我一些关于问题出在哪里的提示？

当我用萤火虫查看它时，我才发现，这就是控制台所说的：

$("#sequence").sequence is not a function
var sequence = $("#sequence").sequence(options).data("sequence");

这是我放在脑海中的 javascript 的一部分，用于启动文档准备好的代码；

$(document).ready(function() {

    $("body").css("display", "none");
    $("body").fadeIn(1000);
    $("a.transition").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(500, redirectPage);
    });

    var options = {
        autoPlay: false,
        nextButton: true,
        prevButton: true
    }
    var sequence = $("#sequence").sequence(options).data("sequence");

    $('.details, .info-button') .mouseover(function() {
        $('.title').css("visibility", "hidden");
    }) .mouseout (function() {
        $('.title').css("visibility", "visible");
    });
});
4

1 回答 1

1

由于没有人回答，我自己想出了一个解决方案。

看来问题是在头部调用文件的顺序。

它不起作用的顺序我在基础之前有序列和 jquery。

一旦我按顺序切换了这些，两个插件似乎都可以正常工作..

这是它的工作顺序：

<script src="/plugins/foundation/modernizr.foundation.js" type="text/javascript"></script>
<script src="/plugins/foundation/foundation.min.js" type="text/javascript"></script>
<script src="/plugins/foundation/app.js" type="text/javascript"></script>       
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="/js/sequence.jquery.js" type="text/javascript"></script>
于 2012-09-26T09:22:32.633 回答