【发布时间】:2016-02-20 22:25:01
【问题描述】:
我快疯了 - 我已经尝试解决这个问题一个月了。
我有 yeoman webapp 设置。 我在同一页面上有多个 Owl-Carousels - 添加了一些 js 代码来制作旋转光标。看我的小提琴:
https://jsfiddle.net/ftpptf/ygkb2za6/
一切都适用于 Grunt Serve。 在 'Grunt --debug --verbose' 之后没有错误,并且 owl carousel 错误地同时显示所有图像并且彼此重叠。
控制台也没有错误。
我怀疑这与我的 bower.json 文件有关。如您所见,我为 owl carousel 添加了覆盖。但似乎也不起作用,我不是专家 - 所以不确定我是否做得正确。
{
"name": "ptf2000",
"private": true,
"dependencies": {
"bootstrap-sass": "~3.3.5",
"modernizr": "~2.8.3",
"jquery": "^2.2.0",
"icomoon-sassy": "^1.0.0",
"OwlCarouselBower": "^1.3.4"
},
"overrides": {
"bootstrap-sass": {
"main": [
"assets/stylesheets/_bootstrap.scss",
"assets/fonts/bootstrap/*",
"assets/javascripts/bootstrap.js"
]
},
"OwlCarouselBower": {
"main": ["dist/assets/owl.carousel.css", "dist/assets/owl.theme.css", "dist/owl.carousel.min.js"]
},
"OwlCarouselBower": {
"main": [
"owl-carousel/owl.carousel.css",
"owl-carousel/owl.theme.css",
"owl-carousel/owl.carousel.min.js"
]
}
},
"devDependencies": {
"chai": "^3.5.0",
"mocha": "^2.4.5"
}
}
非常感谢任何帮助。
【问题讨论】:
-
那你为什么要复制这个?
-
我只是拼命尝试解决问题-老实说,我不知道这是否与问题本身有关。我刚刚尝试了任何故障排除 - 我可以理解有些人使用这些覆盖来处理一些不起作用的猫头鹰轮播。
标签: twitter-bootstrap gruntjs carousel owl-carousel