JS循环插件在IE11中不工作.对象不支持属性或方法循环

JS cycle plugin not working in IE11. Object doesn't support property or method 'cycle'

本文关键字:循环 不支持 对象 属性 方法 工作 插件 IE11 JS      更新时间:2023-09-26

我使用了来自http://jquery.malsup.com/cycle/的插件,我尝试过使用新的(Cycle2)和旧的。旧的是目前正在使用的,它适用于除IE11以外的所有浏览器。它甚至可以在旧版本的IE上运行,但不能在最新版本上运行。这让人非常沮丧。我已经研究了2天了,没有运气。非常感谢任何帮助。下面是失败的代码:

if ($("#home").length >= 1) {
    yepnope({
        load: '/js/plugins/jquery.cycle.all.js',
        complete: function() {
            //intro animation
            var baseT = 3500;
            $("#intro img").fadeOut(baseT + 1000, function() {
                $(this).attr("src", "/images/intro_cleaner.jpg").fadeIn(100);
            });
            $("#intro h1").animate({
                left: '-1745px'
            }, baseT, function() {
                $(this).fadeOut(750);
                $("#intro").fadeOut(baseT, function() {
                    $("#home .stories").show();
                });
            });
            //featured stories
            $("#home .stories").cycle({
                fx: 'scrollHorz',
                prev: '#prev',
                next: '#next',
                timeout: baseT + 7000,
                before: function(curr, next, opts, fwd) {
                    $("#total-slides").text(opts.slideCount);
                    $("#slide-num").text($(next).index() + 1);
                }
            });

经过研究和调试,我发现原因是yepnope没有加载运行方法循环所需的JS文件。为了解决这个问题,我刚刚发布了加载JS文件的脚本标签。这可能会减慢网站,但我需要一个快速修复,因为这是一个生产问题。我发现yepnope已被弃用,IE11不支持它的代码。这是通过http://yepnopejs.com/找到的还有一些yepno的替代品,比如http://headjs.com/