在chrome和safari中完美运行,但在firefox上将用户带到页面顶部
这是标题中的配置脚本:
$("#bottle-carousel1").carouFredSel({
auto: false,
prev: "#prev1 > a.prev",
next: "#next1 > a.next",
mousewheel: false,
});
这些是链接本身:
<div id="prev1"><a class="prev" href="">prev</a></div>
<div id="next1"><a class="next" href="">next</a></div>
代码工作正常,只是不在Firefox中,不清楚为什么。大多数发布有问题的人都说它可以在firefox中运行,但不适用于chrome或safari,对我来说情况并非如此。
答案 0 :(得分:0)
我无法复制问题,它在我的FF上工作正常,但如果我不得不猜测我会说问题是<a>
标签,没有href值。浏览器的默认值可能只是重新加载或返回到页面顶部(就像使用#时一样。)
我会尝试完全删除<a>
标记,因为您并不真正需要它。
标记将成为:
<div id="prev1">prev</div>
<div id="next1">next</div>
和JS将是:
$("#bottle-carousel1").carouFredSel({
auto: false,
prev: "#prev1",
next: "#next1",
mousewheel: false,
});
然后在你的CSS中确保你有:
#prev1,
#next1 {
cursor: pointer;
}
使它看起来一样
答案 1 :(得分:0)
您是否尝试过下载carouFredSel的原始版本? 我有一个与引导程序相同的问题。 我用在线(主题)版本jquery.carouFredSel-6.2.1-packed.js替换了这个文件