响应站点需要条件jquery
响应站点需要条件jquery
提问于 2012-06-21 21:20:19
这里是jquery的新用户，请温文尔雅:)
我正在使用非常棒的caroufredsel (响应式jquery carousel)，并且已经对它进行了初始设置，所以我对滚动功能很满意。
它正在显示一个吉他列表。目前只有3个，但我希望将来可以添加更多。
我正在建设一个响应式的网站，在较小的屏幕尺寸只有2，然后一把吉他是可见的一次。问题是，当您从全宽浏览器开始时，当您调整到较小的屏幕时，jquery不会重新启动以考虑到这一点。因此，您需要以较小的尺寸刷新屏幕，以使滑块控件出现。
Like-如果你从一个小屏幕开始，当放大它时，控件仍然留在屏幕上，即使它们在功能上是无用的，因为所有的项目都在显示。
因此，我只希望控件在必要时可见(即，如果旋转木马的所有内容都同时可见)，并使它们在不刷新的情况下根据当前屏幕大小进行调整。
我相信这是可能的，通过销毁旋转木马，并重新启动它时，屏幕的大小调整，但我就是不能让它工作。
该网站的在线地址为：http://www.wirebirdguitars.com/staging/guitars.html
任何帮助/建议都将不胜感激。谢谢！！
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-21 21:27:35
将这个添加到您的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。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11139112
复制相关文章
相似问题
腾讯云开发者
