Jquery chrome中一页中的多个Jssor失败

我在上为我的公文包页面创建了多个jssor库

所有的滑块都能工作，除了最后一个，带故事板的那个，它有600个图像，我发现在谷歌浏览器下，只有当它最大化时，它才开始减少图像，而不显示它们，基本上它会断开，但奇怪的是，只有那个图库，当我调整窗口大小时，它工作得非常好，还有，当我在internet explorer上减少少于100张图片的数量时

我想也许一些窗口大小调整命令可以在最大化时更新大小（比如..

$Jssor$.$AddEvent（窗口，“加载”，ScaleSlider）；

c）可以解决这个问题，但我对Jssor和js的了解并不深。 我花了好几个小时试图解决这个问题，但我力不从心，我在这里问。 这是我用于图库的代码

jssor_1_slider_init = function() {

        var jssor_1_SlideoTransitions = [
          [{b:900,d:2000,x:-379,e:{x:7}}],
          [{b:900,d:2000,x:-379,e:{x:7}}],
          [{b:-1,d:1,o:-1,sX:2,sY:2},{b:0,d:900,x:-171,y:-341,o:1,sX:-2,sY:-2,e:{x:3,y:3,sX:3,sY:3}},{b:900,d:1600,x:-283,o:-1,e:{x:16}}]
        ];

        var jssor_1_options = {
          $AutoPlay: 1,
          $SlideDuration: 800,
          $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);
        var jssor_2_slider = new $JssorSlider$("jssor_2", jssor_1_options);
        var jssor_3_slider = new $JssorSlider$("jssor_3", jssor_1_options);
        var jssor_4_slider = new $JssorSlider$("jssor_4", jssor_1_options);
        var jssor_5_slider = new $JssorSlider$("jssor_5", jssor_1_options);
        var jssor_6_slider = new $JssorSlider$("jssor_6", jssor_1_options);
        var jssor_7_slider = new $JssorSlider$("jssor_7", jssor_1_options);
        var jssor_8_slider = new $JssorSlider$("jssor_8", jssor_1_options);
        var jssor_9_slider = new $JssorSlider$("jssor_9", jssor_1_options);
        var jssor_10_slider = new $JssorSlider$("jssor_10", jssor_1_options);
          /*responsive code begin*/
        /*remove responsive code if you don't want the slider scales while window resizing*/
        function ScaleSlider() {
            var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
            if (refSize) {
                refSize = Math.min(refSize, 1600);
                jssor_1_slider.$ScaleWidth(refSize);
                jssor_2_slider.$ScaleWidth(refSize);
                jssor_3_slider.$ScaleWidth(refSize);
                jssor_4_slider.$ScaleWidth(refSize);
                jssor_5_slider.$ScaleWidth(refSize);
                jssor_6_slider.$ScaleWidth(refSize);
                jssor_7_slider.$ScaleWidth(refSize);
                jssor_8_slider.$ScaleWidth(refSize);                    
                jssor_9_slider.$ScaleWidth(refSize);
                jssor_10_slider.$ScaleWidth(refSize);
           }
            else {
                window.setTimeout(ScaleSlider, 30);
           }
       }
        ScaleSlider();
        $Jssor$.$AddEvent(window, "load", ScaleSlider);
        $Jssor$.$AddEvent(window, "resize", ScaleSlider);
        $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
        /*responsive code end*/
   };

以及部门结构：

  <div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:1024px;height:576px;overflow:hidden;visibility:hidden;">
        <!-- Loading Screen -->
        <div data-u="loading" style="position:absolute;top:0px;left:0px;background:url('img/loading.gif') no-repeat 50% 50%;background-color:rgba(0, 0, 0, 0.7);"></div>
        <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1024px;height:576px;overflow:hidden;">

          <div>
<img data-u="image" src="http://localhost/img/storyboards/st_001_web.jpg"/>
 </div>

          <div>
<img data-u="image" src="http://localhost/img/storyboards/st_002_web.jpg"/>
 </div>

  </div>
 </div>

---

我只是通过在js函数中添加一些if暂时解决了这个问题：

   function ScaleSlider() {
        var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
        if (refSize) {
             if (refSize >= 1024) {
                 refSize = Math.max(refSize, 500);
               }
            else {
              refSize = Math.min(refSize, 1024); 
            }

            jssor_1_slider.$ScaleWidth(refSize);
            jssor_2_slider.$ScaleWidth(refSize);
            jssor_3_slider.$ScaleWidth(refSize);
            jssor_4_slider.$ScaleWidth(refSize);
            jssor_5_slider.$ScaleWidth(refSize);
            jssor_6_slider.$ScaleWidth(refSize);
            jssor_7_slider.$ScaleWidth(refSize);
            jssor_8_slider.$ScaleWidth(refSize);                    
            jssor_9_slider.$ScaleWidth(refSize);
            jssor_10_slider.$ScaleWidth(refSize);
       }
        else {
            window.setTimeout(ScaleSlider, 0);
       }
   }
    ScaleSlider();
    $Jssor$.$AddEvent(window, "load", ScaleSlider);
    $Jssor$.$AddEvent(window, "resize", ScaleSlider);
    $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
    /*responsive code end*/

})

我意识到当我最大化滑块的尺寸时问题就停止了，

---

但我实际上不希望在画廊里出现这种行为，因为超过1024张图片开始像素化，但这比坏掉的滑块要好

我只是通过在js函数中添加一些if暂时解决了这个问题：

   function ScaleSlider() {
        var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
        if (refSize) {
             if (refSize >= 1024) {
                 refSize = Math.max(refSize, 500);
               }
            else {
              refSize = Math.min(refSize, 1024); 
            }

            jssor_1_slider.$ScaleWidth(refSize);
            jssor_2_slider.$ScaleWidth(refSize);
            jssor_3_slider.$ScaleWidth(refSize);
            jssor_4_slider.$ScaleWidth(refSize);
            jssor_5_slider.$ScaleWidth(refSize);
            jssor_6_slider.$ScaleWidth(refSize);
            jssor_7_slider.$ScaleWidth(refSize);
            jssor_8_slider.$ScaleWidth(refSize);                    
            jssor_9_slider.$ScaleWidth(refSize);
            jssor_10_slider.$ScaleWidth(refSize);
       }
        else {
            window.setTimeout(ScaleSlider, 0);
       }
   }
    ScaleSlider();
    $Jssor$.$AddEvent(window, "load", ScaleSlider);
    $Jssor$.$AddEvent(window, "resize", ScaleSlider);
    $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
    /*responsive code end*/

})

我意识到当我最大化滑块的尺寸时问题就停止了，

---

但我实际上不希望在画廊里出现这种行为，因为超过1024张图片开始像素化，但这比坏掉的滑块要好

哇，我猜你有数千张图片。是的，有600张图片的画廊是有问题的。其余的没有超过100张…顺便说一句，神奇的图书馆！哇，我猜你有数千张图片。是的，有600张图片的画廊是有问题的。其余的没有超过100张…顺便说一句，神奇的图书馆！