如何使rhonoslider響應

Question

在我的wordpress主題中，我有Rhinoslider jquery滑塊。 Rhinoslider工作正常，但這個滑塊沒有反應。這裏的任何人都有一個想法，如何修改CSS或JS讓我的滑塊響應。 此滑塊在MIT和GPL2許可下發布。 Rhinoslider的API鏈接：http://rhinoslider.com/api/create-your-own-effects/

Answer 1

哈。我一天前也有同樣的問題。我在每個斷點上重新加載網站。 ，P

我的代碼：

function responsivecheck(size){ 
    var compare = $("#wrap").width(); 
    if(size != compare){ 
     reload(); 
    } else { 
     setTimeout(
      function(){responsivecheck(compare)}, 
      5000 
     ); 
    } 
} // ! executed after rhinoslider initialization ! 

function reload() { 
    window.location.href = window.location.href; 
} 

使用in here。

Answer 2

 
$(document).ready(function(){
 
    $(window).resize(function(){
 
var getslidewd= $('.wrapper').width();
 
var getslidehi= $('.slide').height();
 
$('.rhino-container').width(getslidewd);
 
$('.rhino-container').height(getslidehi);
 
$('.rhino-container #slider li').width(getslidewd);
 
$('.rhino-container #slider li').height(getslidehi);
 
});
 
}) 

HTML格式

 
<div class="wrapper">
<ul id="slider">
<li><div class="slide"></div></li>
</ul>
</div>

給予修正寬度到包裝紙，固定高度上滑動和#slider。使用媒體查詢...移動和iPad，如果你想使用全屏幕滑蓋只要按照這個

：

$（文件）。就緒（函數（）{
$（窗口）.resize（函數（）{
變種getslidewd = $（窗口）.WIDTH（）;
變種getslidehi = $（窗口）.height（）;
$（ '犀牛容器。'）寬度（getslidewd）;
$（'。rhino-container'）。height（getslidehi）;
$（'。rhino-container #slider li'）.width（getslidewd）;
$（'。rhino-container #slider li'）。height（getslidehi）;
}）;
}）