即使在较小的设备上，流星上的猫头鹰轮播也总是设置5个项目
用户名
好吧，我正在使用猫头鹰旋转木马，并且已经在工作，但是我有一个问题，我将初始化放在渲染后
Template.main.rendered = function (){
$("#owl-demo").owlCarousel();
});
以及js文档中的所有轮播代码，在台式机上似乎都可以正常工作，但是当我在移动设备上进行测试时，请始终在js文档中设置项数，例如
$.fn.owlCarousel.options = {
items : 5,
itemsDesktop : [1199, 4],
itemsDesktopSmall : [979, 3],
itemsTablet : [768, 2],
itemsMobile : [479, 1],
}
因此在页面加载中，无论是否在较小的设备上，始终加载五项，然后在调整窗口大小时响应的东西有效，但始终加载五项，您需要调整窗口大小才能正确看到它们，希望对我有所帮助，谢谢！
页面加载的外观： 
调整大小的外观（以及页面加载的外观） 
乙烷
似乎轮播未正确渲染
尝试将其放在Meteor.setTimeout上
有时，查询插件应放在渲染的计时器上
Template.main.rendered = function (){
Meteor.setTimeout(function(){
$("#owl-demo").owlCarousel();
}, 0)
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
猫头鹰轮播上的更改不起作用
- 2
在猫头鹰轮播图片上添加背景色
- 3
猫头鹰轮播的流星排行榜示例
- 4
猫头鹰轮播的流星排行榜示例
- 5
打开模态时最后一个项目的猫头鹰轮播问题
- 6
加载时选择“项目” 2-猫头鹰轮播
- 7
活动项目应在“猫头鹰轮播”中间
- 8
猫头鹰轮播选择当前项目？
- 9
调整大小jQuery CSS上的猫头鹰轮播响应作物宽度
- 10
如何在angular.js中的ng-click上重建猫头鹰轮播？
- 11
禁用“猫头鹰轮播”中第一个和最后一个项目的弹跳
- 12
猫头鹰轮播未显示
- 13
猫头鹰轮播键盘导航
- 14
滑动猫头鹰轮播控件
- 15
猫头鹰轮播的问题始于延迟
- 16
猫头鹰轮播-无法在线工作
- 17
猫头鹰轮播中的双击事件
- 18
奇怪的猫头鹰轮播行为
- 19
猫头鹰轮播边距错误
- 20
猫头鹰轮播加载页面时所有可见的项目
- 21
猫头鹰轮播2：过滤项目，但使用Java脚本保持排序
- 22
当前项目集中在猫头鹰轮播中时，如何显示标题div？
- 23
如何在“猫头鹰轮播”中仅显示单个项目？
- 24
禁用拖动“猫头鹰轮播”中的特定元素（项目）-jQuery
- 25
我们如何跳过显示：猫头鹰轮播中没有项目？
- 26
如何使用“上一个/下一个”按钮滑动“猫头鹰轮播”中的所有可见项目，而不是一个
- 27
如何使用“上一个/下一个”按钮滑动“猫头鹰轮播”中的所有可见项目，而不是一个
- 28
猫头鹰轮播中的HTML5视频以某种方式加载了两次
- 29
为什么我的猫头鹰轮播导航中有一个额外的点？
我来说两句