如何使犀牛反应迅速

Question

在我的WordPress主题中，我有Rhinoslider jQuery slider。Rhinoslider的工作正常，但是此滑块没有响应。此滑块是根据MIT和GPL2许可发布的。Rhinoslider的API链接：http：//rhinoslider.com/api/create-your-own-effects/

Answer 1

hah。我今天遇到了同样的问题。我在每个断点上重新加载网站。; 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;
}

在此处使用。

Answer 2

$（document）.ready（function（）{
  $（window）.resize（function（）{
var getSlidewd = $（'。包装器'）。width（）; 
var getlidehi = $（'。幻灯片'）。高度（）; 
$（'。犀牛 - 容器'）。宽度（getlidewd）; 
$（'。犀牛 - 容器'）。高度（getlidehi）; 
$（'。犀牛 - 容器#slider li'）。宽度（getSlidewd）; 
$（'。犀牛 - 容器#slider li'）。高度（getlidehi）; 
}）; 
}））

html格式

＆lt;div class ="包装"/li＆gt; 
＆lt;/ul＆gt; 
＆lt;/div＆gt; 

将固定宽度提供给包装器，将高度固定至滑动和#Slider。使用媒体查询...用于移动和iPad

如果要使用全屏滑块，请遵循以下内容：

$（document）.ready（function（）{
$（window）.resize（function（）{
var getSlidewd = $（window）.width（）;
var getSlidehi = $（window）.height（）;
$（'。犀牛 - 容器'）。宽度（getlidewd）;
$（'。犀牛 - 容器'）。高度（getlidehi）;
$（'。犀牛 - 容器#slider li'）。宽度（getSlidewd）;
$（'。犀牛 - 容器#slider li'）。高度（getlidehi）;
}）;
}）