Question

我正在我的网站上使用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");
    });
});

Answer 1

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

问题似乎是文件在头部调用的顺序。

它在i中不起作用的顺序有序列＆amp;基金会之前的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>

序列滑块JS不适用于Foundation框架JS文件

1 个答案: