Question

我有2个div，＃left和#right，并且通过点击按钮获得一些内容的jquery I innerHTML，问题是它没有淡入淡出。它正确地放置了内容，但并没有淡化这是我尝试过的：

   $('#normal').click(function () {

            var left =  " content to the left ";
            var right= "content to the right"

            $('#left').html(left).fadeIn();
            $('#right').html(right).fadeIn();
});

我尝试了this，但它对我的代码无效。

提前致谢

Answer 1

在调用#left之前，应隐藏

#right和fadeIn()。

#left, #right {
    display:none
}

演示：http://jsbin.com/yosalosi/1/edit

Answer 2

您似乎还没有为div设置display到none

<div id="left" style="display:none;">hello

这是DEMO

Answer 3

试试这个

      $('#normal').click(function () 
      {

        var left =  " content to the left ";
        var right= "content to the right"
        $('#left,#right').hide()
        $('#left').html(left).fadeIn();
        $('#right').html(right).fadeIn();
     });

或

    #left,#right
    {
       display:none;
    }

      $('#normal').click(function () 
      {

        var left =  " content to the left ";
        var right= "content to the right"
        $('#left').html(left).fadeIn();
        $('#right').html(right).fadeIn();
     });

Answer 4

试试这个，看看这个技巧是否有效：

$（'＃normal'）。click（function（）{

        var left =  " content to the left ";
        var right= "content to the right"

        $('#left').hide().fadeIn(function(){ $(this).html(left); });
        $('#right').hide().fadeIn(function(){ $(this).html(right); });

}）;

这里有两件事。首先，如果您的div已经可见，那么您将无法获得该淡入效果。其次，您可以使用faceIn函数的完整回调事件来添加内容，而不是预先添加内容。

当innerHTML时，Jquery fadein

4 个答案: