Nivo Slider работает на статическом HTML-сайте, но не на сайте на основе WP

Я конвертирую статический HTML-сайт в Wordpress для клиента, и у меня возникла проблема с работой ползунка Nivo.

Он отлично работает в версии HTML как видно здесь, но в версии Wordpress увидел здесь, похоже, не показывает ни одного изображения.

Сценарий версии Wordpress регистрируется, поскольку он применяет некоторые стили к элементу .slider, но для изображений слайд-шоу всегда установлено значение display:none.

У кого-нибудь есть идеи?

РЕДАКТИРОВАТЬ;

Версия HTML использует это;

$(window).load(function() {
$('.slider').nivoSlider({
    effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
    slices:40,
    directionNav:false, //Next and Prev
    controlNav:false //1,2,3...

});

и версия WP использует это;

jQuery(document).ready(function ($) {

    $('.slider').nivoSlider({
        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
        slices:40,
        directionNav:false, //Next and Prev
        controlNav:false //1,2,3...

    });

});

person Dean Elliott    schedule 21.04.2013    source источник
comment
ах, кажется, я знаю, почему. На сайтах WP используйте jQuery вместо $.   -  person martincarlin87    schedule 22.04.2013
comment
@ martincarlin87 Я уже использую jQuery вместо $, и это все равно не работает...   -  person Dean Elliott    schedule 22.04.2013
comment
у вас есть две ошибки в javascript, посмотрите консольную панель браузера и сначала удалите их   -  person M Khalid Junaid    schedule 22.04.2013
comment
Да, вы все еще используете $ при использовании $('#frmContact').submit(function() - поэтому исправление ошибок должно быть вашим первым шагом.   -  person user850010    schedule 22.04.2013
comment
@DeanElliott - когда я проверял источник, я определенно видел множество экземпляров $, только что проверил, и похоже, что они все еще там, начиная со строки 128 источника страницы.   -  person martincarlin87    schedule 22.04.2013


Ответы (1)


Вам не хватает файла jquery.min.js из статической версии. Обязательно добавьте строку ниже

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Добавление приведенной выше строки решает проблему только в том случае, если она вставлена ​​в нижний колонтитул ПОСЛЕ строки ниже:

<script type='text/javascript' src='http://www.terrafirma4x4.com/tfplugin/tfplugin-latest-jquery.js?ver=3.5.1'></script>
person sr83    schedule 22.04.2013