Jssor - Uncaught TypeError: невозможно прочитать свойство $ ScaleWidth неопределенного

Я делаю свой собственный jssor для какого-то побочного проекта, и я наткнулся на проблему ширины, с которой я уже видел, у некоторых людей были проблемы. Я нашел this code, чтобы решить проблему, но после этого она не изменилась в любом виде и просто выглядела, как перед добавлением кода.

Использование f12 в chrome помогло мне найти следующую ошибку: «Uncaught TypeError: Can not read property» $ ScaleWidth «undefined». Я не знаю, где это должно быть найдено. Вот как выглядит мой код (добавлены исправления из вышеприведенной ссылки).

 <script> 
     jssor_1_slider_init = function() { 
      var jssor_1_SlideoTransitions = [ 
       [{b:0,d:700,y:-124,e:{y:27}}], 
       [{b:0,d:700,y:-124,e:{y:27}}], 
       [{b:0,d:700,y:-124,e:{y:27}}], 
      ]; 
      var jssor_1_options = { 
       $AutoPlay: true, 
       $SlideDuration: 1139, 
       $DragOrientation: 2, 
       $PlayOrientation: 2, 
       $SlideEasing: $Jease$.$OutQuint, 
       $CaptionSliderOptions: { 
        $Class: $JssorCaptionSlideo$, 
        $Transitions: jssor_1_SlideoTransitions 
       }, 
       $ArrowNavigatorOptions: { 
        $Class: $JssorArrowNavigator$ 
       }, 
       $BulletNavigatorOptions: { 
        $Class: $JssorBulletNavigator$ 
       } 
      }; 
      var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); 
      function ScaleSlider() { 
       var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; 
       if (refSize) { 
        refSize = Math.min(refSize, 1920); 
        jssor_1_slider.$ScaleWidth(refSize); 
       } 
       else { 
        window.setTimeout(ScaleSlider, 30); 
       } 
      } 
      ScaleSlider(); 
      $Jssor$.$AddEvent(window, "load", ScaleSlider); 
      $Jssor$.$AddEvent(window, "resize", ScaleSlider); 
      $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider); 

      var jssor_slider1 = new $JssorSlider$("slider1_container", options); 
      function ScaleSlider() { 
       var bodyWidth = document.body.clientWidth; 
       if (bodyWidth) 
      jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 1920)); 
       else 
       window.setTimeout(ScaleSlider, 30); 
      } 
      ScaleSlider(); 
      $(window).bind("load", ScaleSlider); 
      $(window).bind("resize", ScaleSlider); 
      $(window).bind("orientationchange", ScaleSlider); 
     }; 
    </script>

Ширина Jssor 1600 пикселей, а difined (не прилежащим код здесь) в DIV с идентификатором «jssor_1». Также мой css утверждает, что весь текст центрирован.

Кто-нибудь знает, как это исправить?

источник

2016-03-07 wariostarx

Каков ваш исходный код, который работает? И в чем проблема? – jssor

@jssor Я попытался отключить все файлы javascript с оригинальными (повторно загруженными), но это не сработало, поэтому я попытался изменить некоторые параметры в файле var jssor_1_slider, и это по каким-то причинам помогло мне Не знаю почему. Спасибо за ваше время! Приятно видеть, что кто-то пытается помочь, что на самом деле написал для него код;) – wariostarx

использование «$ ScaleWidth» на некоторых уже устарел, так что используйте это вместо

'$SetScaleWidth'

источник

2017-08-26 13:31:45

Jssor - Uncaught TypeError: невозможно прочитать свойство $ ScaleWidth неопределенного

ответ

Смежные вопросы