Конфликт jquery между nivoSlider и внешним jquery

У меня есть веб-сайт wordpress, на главной странице которого есть Nivoslider. Мне пришлось использовать другой плагин, поэтому для его работы мне нужно было включить jquery в файл header.php внутри тегов «head». Теперь, когда я включаю файлы jquery в <?php wp_head(); ?>, ползунок Nivo не работает и зависает на экране загрузки. Я попытался найти эту проблему в Интернете и попробовал решение, в котором я добавил следующий код над <?php wp_head(); ?>:

<?php
    wp_deregister_script('jquery'); // Remove the default jQuery script
    wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', false); // Register the Google hosted Version
    wp_enqueue_script('jquery'); // Enqueue the Google Hosted version
    ?>

После добавления этого кода выше <?php wp_head(); ?> первый слайд слайдера появляется только сейчас, и я не могу переключаться между слайдами, нажимая кнопки «следующий/предыдущий». Кроме того, когда я удаляю код <?php wp_head(); ?> из файла header.php и добавляю файлы jquery, другой мой плагин начинает работать нормально, но ползунок перестает работать. Я предполагаю, что jquery загружается дважды, что вызывает конфликт, но я не могу найти, откуда возникает проблема. Вот мой веб-сайт, на котором я запускаю Nivoslider и другой плагин: http://ignoremusic.com/


person Fahad Hasan    schedule 02.04.2013    source источник


Ответы (1)


Ошибка в консоли JS:

Uncaught TypeError: Property '$' of object [object Object] is not a function 

В WordPress у вас могут возникнуть проблемы со встроенной версией jquery. Вместо использования:

$('#div').hide()

попробуй это :

jQuery('#div').hide()

Или вы можете использовать JQuery.noConflict()

http://api.jquery.com/jQuery.noConflict/

Я бы лично вставил код JS вашего ползунка в функцию noConflict().

person Community    schedule 03.04.2013
comment
большое спасибо! Я попробовал ваш первый метод, и теперь он работает нормально. Спасибо за помощь, очень признателен :) - person Fahad Hasan; 03.04.2013