Моя картинная галерея (слайдер) перестала работать

Question

Я использую тему Florance, и она поставляется с скользящей галереей изображений с использованием jquery и jcarousellite. Как-то он прекратил работать (это было нормально 2 дня), и ошибка (объект не поддерживает это свойство или метод) указывает на скрипт. Этот сайт является www.happystay.net

Пожалуйста, мне нужна помощь. Заранее спасибо.

Answer 1

Я заметил, что вы используете jQuery.noConflict() прямо перед тем, как объявить карусель. Есть ли что-нибудь в частности на странице, с которой вы пытаетесь избежать конфликта?

Я использовал javascript-консоль Safari для запуска карусели без части jQuery.noConflict(), и, похоже, она попала в снаряжение. Попробуйте отредактировать скрипт для запуска с использованием простого старого значка jQuery $ и посмотреть, что произойдет.

Редактировать: Вот как выглядит код, если вы хотите удалить noConflict.

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".mygallery").jCarouselLite({ 
     btnNext: ".nextb", 
    btnPrev: ".prevb", 
    visible: 1, 
    easing: "backout", 
    auto: 800, 
    speed: 1500 
    }); 
}); 
</script> 

Вообще нет никаких оснований для использования noConflict если другой сценарий не конкурирует за $ переменной. Обычный пример - если вы пытаетесь использовать jQuery и MooTools на одном сайте.

Answer 2

пожалуйста это сделать .... после строки, которая имеет этот <script type='text/javascript' src='http://www.happystay.net/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>

поставил <script type="text/javascript"> var $jx = jQuery.noConflict(); </script>

он должен выглядеть следующим образом ... на линии 17

<script type='text/javascript' src='http://www.happystay.net/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script> 
<script type="text/javascript"> $jx = jQuery.noConflict(); // note i added this line</script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jquery.easing.1.1.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jcarousel.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/jquery.mousewheel.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/cufon.js?ver=2.9.2'></script> 
<script type='text/javascript' src='http://www.happystay.net/wp-content/themes/Florance/js/Liberation_Serif_400.font.js?ver=2.9.2'></script> 

затем линия 246 должно быть таким ...

<script type="text/javascript"> 
$jx(document).ready(function(){ 
$jx(".mygallery").jCarouselLite({ 
btnNext: ".nextb", 
     btnPrev: ".prevb", 
     visible: 1, 
     easing: "backout", 
     auto: 800, 
     speed: 1500 
    }); 

}); 
</script> 

Надеется, что он фиксирует это ....
демо here
объяснения here

редактировать:

нормально, так что это WordPress ... хммм как насчет в сценарии PHP добавить

echo "<script type='text/javascript'> var $jx = jQuery.noConflict();</script>";

после

wp_enqueue_script('jquery');