序列滑塊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>