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/

获取两个jquery元素（jcarousel和accordion）在同一页面上工作

2 个答案: