jquery - Chrome 中 jQuery fadeIn() 和 fadeOut() 的问题

Question

我正在开发一个插件，但在 Chrome 中遇到了困难。该脚本在 FF 中完美运行，但 Chrome 无法正确显示淡入和淡出效果。看起来 Chrome 只是默认显示和隐藏。有什么建议吗？

您可以在此处查看它的实际效果:http://heartpublications.com

这是代码:

    $(document).ready(function() {

  function contentRotate(feature) {
 if (doAnimate) {  
   $("#slide1").fadeOut("fast", function (feature) {
     return function () {
    $("#banner div").hide();


    /* FADE IN NEXT ITEM OR GO BACK TO FIRST */
    feature.fadeIn("fast", function () {
      if ($(this).attr("id") == "slide3") {
     setTimeout(function () {
       contentRotate($("#banner div:first"));
     }, 4000);
      }
      else {
        setTimeout(function () {
       contentRotate($(feature.next()));
     }, 4000);
      }
    });
     };
   }(feature));
 }
  }



  var doAnimate = true;

  contentRotate($("#banner div:first"));




});

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

我在使用 jQuery 1.3.2 时遇到了同样的问题，但升级到最新版本 (1.4.2) 后问题消失了。