두 개의 jquery 요소 (jcarousel 및 accordion)가 같은 페이지에서 작동하도록 만들기

Question

jcarousel과 아코디언을 jquery로 구현해야하는 페이지를 만들었습니다.

여기가 페이지입니다. http://www.ikeepsafe.org/template/

각각 개별적으로 작동시킬 수는 있지만 둘 다 동시에 작동하지는 않습니다. 어떤 도움을 주시면 감사하겠습니다.

명령을 동일한 스크립트 요소에 넣으려고했지만 그 중 하나도 작동하지 않았습니다.

건배, 제임스

이것은 내가 회전 목마에 사용되는 자바 스크립트입니다. 아코디언

<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

를 들어

<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> 

는 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/