使用jQuery开关类方法淡入元素？

Question

这可能吗？我尝试过可见性：隐藏/可见性：可见和显示：无/显示：阻止类之间切换，但两者都导致元素在最后弹出。

Answer 1

在设置两个类的样式时，请使用opacity属性。 .swithClass将能够在不同的不透明度之间平稳过渡。

示例：

   .FadeFrom {
      opacity: 0.0;
   }

   .FadeTo {
      opacity: 1.0;
   }

Answer 2

在此处查看如何实施JQuery Fading

http://api.jquery.com/category/effects/fading/

您可以使用回调函数处理淡入和淡出中的其他事件，如下所示：

  $('.someClass').fadeIn('slow', function() {
    // run extra code here
  });

  $('.someClass').fadeOut('slow', function() {
    // run extra code here
  });

Answer 3

使用.animate()

$("#myElement").animate({ opacity: 1, left: 0 }, 1000);

要使.switchClass()起作用，您必须编辑jQuery代码。查找function getElementStyles()。在else中，在if (typeof style[key] === 'string') {之后添加此代码：

if (key == "filter" && /^alpha\(opacity=(\d+)\)$/.test(style[key])) {
    newStyle.opacity = parseFloat(RegExp.$1) / 100;
}

应该这样做。