javascript - 让两个 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

尝试

$(document).ready(function () {

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

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

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

Answer 2

可能是jquery conflict问题。使用jQuery.noConflict()方法或尝试像这样包装代码：

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

在这里查看更多信息：http ://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/