調整容器中的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