我需要编辑（降级）我的 jquery 才能使用 1.8.0

Question

这是我用来实现简单淡出、淡出效果的代码。

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

问题是，我正试图在使用 jquery 1.8.0 的 Mybb 论坛上实现它。我试过简单地将链接的 JQ 版本更改为 1.8.3，这破坏了很多论坛功能，所以我得出的结论是我必须重写它以与 1.8.0 兼容。问题是，我不知道该怎么做。感谢任何可以帮助我的人。我很感激。

Answer 1

我在 jsfiddle 上进行了测试，并尝试了几个不同版本的 jQuery（1.6.4、1.7.2、1.8.3），没有问题。我认为您可能有一个与 jQuery 无关的不同问题，因为您当前的代码工作正常。这是我的代码（link 到 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>

CSS

.foo {
  background-color: red;
  color: white;
  padding: 10px;
}

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

和 jsfiddle link：https://jsfiddle.net/0v9zxwp5/1/

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

我需要编辑（降级）我的 jquery 才能使用 1.8.0

I need my jquery edited (downgraded) to work with 1.8.0 please

jquery

version

incompatibility

mybb