序列滑块JS不能与基础框架JS文件一起工作

Question

我在我的网站上使用基础框架，现在我正在实现序列滑块它工作得很好，但只有当我outcomment下面的基础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

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

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

它没有在我的工作顺序有& 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>