獲取兩個jQuery元素（jcarousel和手風琴）在同一頁上工作

Question

我有一個頁面我正在創建一個需要在jQuery中實現jcarousel和手風琴的頁面。

這裏是頁面。 http://www.ikeepsafe.org/template/

我可以讓每個單獨工作，但我不能讓他們都在同一時間工作。一些幫助將不勝感激。

我確實嘗試讓這些命令位於同一個腳本元素中，但這也不起作用。

乾杯， 詹姆斯

這是我用傳送帶的JavaScript。

<script src="http://baijs.nl/tinycarousel/js/jquery.tinycarousel.min.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script> 
<script type="text/javascript">   
$(document).ready(function(){    

    $('#slider-code').tinycarousel({ pager: true }); 

}); 
</script> 

手風琴

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script> 
$(function() { 
    $("#accordion").accordion({ 
     collapsible: true, 
     heightStyle: "content", 
    }); 
}); 
</script> 

Answer 1

可能jquery conflict問題。使用jQuery.noConflict()方法或嘗試包裹這樣的代碼：這裏

(function($){ 
.... 
})(jQuery); 

檢查的詳細信息：http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

Answer 2

嘗試

$(document).ready(function() { 

    $('#slider1').tinycarousel({ 
     pager: true 
    }); 

    $("#accordion").accordion({ 
     collapsible: true, 
     heightStyle: "content", 
    }); 
    }); 

小提琴http://jsfiddle.net/auv3y/