Jquery UI 选项卡和 jcarousel lite pluings 在 Internet Explorer (IE) 中似乎不起作用(冲突)

发布于 2024-07-16 03:47:02 字数 555 浏览 15 评论 0原文

我有 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

所谓喜欢 2024-07-23 03:47:03

发现只是“visible: 4”末尾的逗号需要去掉。

Found out is was simply the comma at the end of "visible: 4," needed to be taken out.

呆° 2024-07-23 03:47:03

我将上面的 javascript 放入 http://javascriptlint.com/online_lint.php - 这是一个片段结果

10                  btnPrev: ".next",
11                  visible: 4,
12          });
    ========^
    warning: trailing comma is not legal in ECMA-262 object initializers

I put the above javascript into http://javascriptlint.com/online_lint.php - here's a snippet of the results

10                  btnPrev: ".next",
11                  visible: 4,
12          });
    ========^
    warning: trailing comma is not legal in ECMA-262 object initializers
风流物 2024-07-23 03:47:03

替代文本
(来源:stackoverflow.com) Nise jquery 代码

$(function() {

$(".mouseWheel .jCarouselLite").jCarouselLite({
btnNext: ".mouseWheel .next",
btnPrev: ".mouseWheel .prev",
缓动:“easeinout”,
可见:4,
鼠标滚轮:true
});

});

$(函数() {
$(".anyClass2").jCarouselLite({
btnNext: ".next2",
btnPrev: ".prev2"
});
});

alt text
(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"
});
});

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文