Question

新的，但热心的jquery用户，请温柔：）

我正在使用精彩的caroufredsel（响应式jquery旋转木马），并且最初进行了设置，因此我对滚动功能感到满意。

显示吉他列表。目前只有3个，但我希望将来可以添加更多内容。

我正在建立一个响应式网站，在较小的屏幕尺寸上只有2个，然后一次可以看到1个吉他。问题是你是从全宽浏览器开始，当你调整到一个较小的屏幕时，jquery不会重新启动以考虑到这一点。因此，您需要以较小的尺寸刷新屏幕以显示滑块控件。

同样地，如果你从一个小屏幕开始，当放大它时，控件仍保留在屏幕上，即使它们功能上没用，因为所有项目都在显示。

因此，我只希望控件在必要时可见（即，如果旋转木马的所有内容一次都可见），并且他们可以根据当前屏幕尺寸进行调整而无需刷新。

我相信这可以通过摧毁旋转木马并在屏幕调整大小时重新启动它来实现，但我无法使其正常工作。

该网站位于以下地址：http://www.wirebirdguitars.com/staging/guitars.html

任何帮助/建议都会得到真正的赞赏。谢谢！！

Answer 1

将此添加到您的JS。

function doSomething() {

    $('#guitars-gallery').trigger('destroy');

    $("#guitars-gallery").carouFredSel({
    auto: false,
    circular: false,
    prev: '#prev',
    next: '#next',
    responsive : true,
    height : 'auto',
    items : { width : 400, visible : { min : 1, max : 3 } } });

};

var resizeTimer;

$(window).resize(function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(doSomething, 100);
});

受this question的启发。

需要有条件的jquery响应站点

1 个答案: