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（函数（）{
var getslidewd = $（window）.width（）;
var getslidehi = $（window）.height（）;
$（ '犀牛容器。'）宽度（getslidewd）;
$（ '犀牛容器。'）的高度（getslidehi）;
$（'。rhino-container #slider li'）。width（getslidewd）;
$（'。rhino-container #slider li'）。height（getslidehi）;
}）;
}）

如何使rhonoslider响应

2 个答案: