我疯了 - 我试图解决这个问题一个月。
我有yeoman webapp设置。 我在同一页面上有多个Owl-Carousels - 有一些js代码用于制作旋转光标。看我的小提琴:
https://jsfiddle.net/ftpptf/ygkb2za6/
一切都适用于Grunt Serve。 在' Grunt --debug --verbose'没有错误,猫头鹰轮播错误地同时显示所有图像并且彼此重叠。
控制台中没有错误。
我怀疑它与我的bower.json文件有关。正如你所看到的,我为猫头鹰旋转木马添加了覆盖。但是它似乎也没有用,我不是专家 - 所以不确定我是否已经做好了。
{
"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"
}
}
任何帮助都非常感谢。
答案 0 :(得分:0)
我终于解决了这个问题。我用gulp而不是grunt做了一个全新的yeoman设置。显然它有效。不幸的是,我无法接近解释,因为我不知道是什么导致了这个问题。