调整容器中的jssor滑块div

Question

我有3个div，第一个是“DivHeader”，第二个“DivMenu”是菜单，剩下的是第三个是滑块所在的内容“DivContent”。 由于滑块不符合div“DivContent”的大小，因此我遇到div“DivContent”的问题。 我该怎么办？

Answer 1

请使用下面的代码来缩放您的滑块以适应'DivContent'的宽度。

 var jssor_slider1 = new $JssorSlider$(...; 
     //responsive code begin 
     //you can remove responsive code if you don't want the slider scales while window resizes 
     function ScaleSlider() { 
      var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth; 
      if (parentWidth) 
       jssor_slider1.$ScaleWidth(parentWidth); 
      else 
       window.setTimeout(ScaleSlider, 30); 
     } 

     ScaleSlider(); 

     if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) { 
      $(window).bind('resize', ScaleSlider); 
     } 


     //if (navigator.userAgent.match(/(iPhone|iPod|iPad)/)) { 
     // $(window).bind("orientationchange", ScaleSlider); 
     //} 
     //responsive code end