Получение двух элементов jquery (jcarousel и аккордеон) для работы на одной странице

У меня есть страница, которую я создаю, которая должна иметь jcarousel и аккордеон, реализованные в jquery.

вот страница. 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>

javascript jquery jquery-ui-accordion jcarousel
person James Hancock    schedule 25.10.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Может быть jquery conflict проблема. Используйте метод jQuery.noConflict() или попробуйте обернуть код следующим образом:

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

Дополнительную информацию см. здесь: http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

person Joke_Sense10    schedule 25.10.2013

arrow_upward
0
arrow_downward

Пытаться

$(document).ready(function () {

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

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

Скрипт http://jsfiddle.net/auv3y/

person Manish    schedule 25.10.2013