Jquery UI 选项卡和 jcarousel lite pluings 在 Internet Explorer (IE) 中似乎不起作用(冲突)
我有 jquery-UI 选项卡 & 我的网页中的 jcarousel lite 插件,在除 IE 之外的所有浏览器中都运行良好我假设存在某种冲突,就像我取出 jcarousel JS 一样,选项卡工作正常。
有人对这个问题有任何建议或如何解决它吗? 谢谢
<script type="text/javascript">
$(document).ready(function() {
$('#tabs > ul').tabs({
fx: { opacity: 'toggle' }
});
$("#carousel").jCarouselLite({
btnNext: ".prev",
btnPrev: ".next",
visible: 4,
});
});
</script>
I've both the jquery-UI Tabs & jcarousel lite plugin in my webpage, all works good in all browsers apart from IE where i assume there's some sort of conflict as if i take out the jcarousel JS then the tabs works fine.
Has anyone got any suggestion on this issue or how to fix it? Thanks
<script type="text/javascript">
$(document).ready(function() {
$('#tabs > ul').tabs({
fx: { opacity: 'toggle' }
});
$("#carousel").jCarouselLite({
btnNext: ".prev",
btnPrev: ".next",
visible: 4,
});
});
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
发现只是“visible: 4”末尾的逗号需要去掉。
Found out is was simply the comma at the end of "visible: 4," needed to be taken out.
我将上面的 javascript 放入 http://javascriptlint.com/online_lint.php - 这是一个片段结果
I put the above javascript into http://javascriptlint.com/online_lint.php - here's a snippet of the results
(来源:stackoverflow.com) Nise jquery 代码
$(function() {
$(".mouseWheel .jCarouselLite").jCarouselLite({
btnNext: ".mouseWheel .next",
btnPrev: ".mouseWheel .prev",
缓动:“easeinout”,
可见:4,
鼠标滚轮:true
});
});
$(函数() {
$(".anyClass2").jCarouselLite({
btnNext: ".next2",
btnPrev: ".prev2"
});
});
(source: stackoverflow.com) Nise Code for jquery
$(function() {
$(".mouseWheel .jCarouselLite").jCarouselLite({
btnNext: ".mouseWheel .next",
btnPrev: ".mouseWheel .prev",
easing: "easeinout",
visible: 4,
mouseWheel: true
});
});
$(function() {
$(".anyClass2").jCarouselLite({
btnNext: ".next2",
btnPrev: ".prev2"
});
});