我需要编辑(降级)我的jquery才能使用1.8.0

我需要编辑(降级)我的jquery才能使用1.8.0,jquery,version,incompatibility,mybb,Jquery,Version,Incompatibility,Mybb,这是我用来实现一个简单的淡出,淡入下一个效果的代码 var fadeLoop = function($el) { $el.delay( 5000 ).fadeOut(500, function() { var $next = $el.next(); if ($next.length == 0) { $next = $el.siblings(":first"); } $next.fadeIn(500,

这是我用来实现一个简单的淡出,淡入下一个效果的代码

var fadeLoop = function($el) {
    $el.delay( 5000 ).fadeOut(500, function() {
        var $next = $el.next();
        if ($next.length == 0) {
            $next = $el.siblings(":first");
        }
        $next.fadeIn(500, function() {
            fadeLoop($next);
        });
    });
};

$(document).ready(function(){
    $.noConflict();
    $(".fade1").siblings().hide();
    fadeLoop($(".fade1"));
});

问题是,我试图在使用jQuery1.8.0的Mybb论坛上实现这一点。我试着简单地将链接的JQ版本更改为1.8.3,这破坏了许多论坛功能,因此我得出结论,我必须重新编写该版本,以便与1.8.0兼容。问题是,我不知道怎么做。谢谢所有能帮我的人。非常感谢。

我在JSFIDLE上做了一个测试,并毫无问题地尝试了两个不同版本的jQuery(1.6.4、1.7.2、1.8.3)。我认为您可能会遇到与jQuery无关的另一个问题,因为您当前的代码运行良好。这是我的代码(链接到jsfiddle.net需要)

HTML

<div>
 <div class="foo fade1">A</div>
 <div class="foo">B</div>
 <div class="foo">C</div>
 <div class="foo">D</div>
</div>
JavaScript

var fadeLoop = function($el) {
  $el.delay( 5000 ).fadeOut(500, function() {
    var $next = $el.next();
    if ($next.length == 0) {
        $next = $el.siblings(":first");
    }
    $next.fadeIn(500, function() {
        fadeLoop($next);
    });
  });
};

$(document).ready(function(){
  $(".fade1").siblings().hide();
  fadeLoop($(".fade1"));
});
以及JSFIDLE链接:

单击单词JAVASCRIPT旁边的齿轮图标以更改jQuery版本。

我预计
$。noConflict()
弊大于利。这是您试图解决问题的一部分吗?所需的所有代码都是删除
$.noConflict()
。然后,它还可以与JSFIDLE提供的所有其他版本协同工作—v1.10.1、v1.9.1、v1.8.3、v1.7.2、v1.6.4。如果固定版本不能在jQuery1.8.0下工作,我会感到惊讶,尽管我认为这是可能的。哇。正在删除$.noConflict();实际上修复了论坛上我的快速编辑按钮的问题,这就是我认为我必须重新编码的全部原因。非常感谢,我真不敢相信那有多傻。
var fadeLoop = function($el) {
  $el.delay( 5000 ).fadeOut(500, function() {
    var $next = $el.next();
    if ($next.length == 0) {
        $next = $el.siblings(":first");
    }
    $next.fadeIn(500, function() {
        fadeLoop($next);
    });
  });
};

$(document).ready(function(){
  $(".fade1").siblings().hide();
  fadeLoop($(".fade1"));
});