在Chrome中使用jQuery fadeIn()和fadeOut()来解决问题

时间:2010-10-12 17:05:47

标签: jquery google-chrome fadein fadeout

有一个我正在处理的插件,我在Chrome中遇到了障碍。该脚本在FF中完美运行,但Chrome无法正确显示fadeIn和fadeOut效果。看起来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"));




});

任何帮助将不胜感激。感谢。

1 个答案:

答案 0 :(得分:1)

我遇到了与jQuery 1.3.2相同的问题,但它升级到最新版本(1.4.2)时消失了。