0

新的但热衷于 jquery 的用户在这里，请温柔:)

我正在使用奇妙的caroufredsel（响应式 jquery carousel），并且最初设置了它，所以我对滚动功能很满意。

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

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

同样，如果您从小屏幕开始，当放大它时，即使它们在功能上无用，控件也会保留在屏幕上，因为所有项目都在显示。

因此，我只希望控件在必要时可见（即，如果轮播的所有内容一次都可见，则不可见），并让它们在不刷新的情况下响应当前屏幕尺寸进行调整。

我相信这可以通过破坏轮播并在调整屏幕大小时重新启动它来实现，但我无法让它工作。

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

任何帮助/建议将不胜感激。谢谢！！

4

1 回答 1

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);
});

受到这个问题的启发。

于 2012-06-21T13:27:35.367 回答