需要有条件的jquery响应站点

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

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

它显示的是吉他列表。 目前只有3个，但我希望将来允许添加更多。

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

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

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

我相信通过摧毁旋转木马并在屏幕resize时重新启动它是可能的，但我无法使其工作。

该网站在以下地址在线： 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); }); 

灵感来自这个问题 。