Jquery fadein when innerHTML

Jquery fadein when innerHTML

本文关键字：innerHTML when fadein Jquery      更新时间：2023-09-26

我有2div， #左和#右，并与jquery我innerHTML通过点击一个按钮的一些内容，问题是，它不褪色。它把内容的权利，但不褪色这是我已经尝试过的:

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

我已经试过了，但是它在我的代码上不起作用。

Thanks in advance

#left和#right在调用fadeIn()之前应该隐藏。

#left, #right {
    display:none
}

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

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

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

这是一个DEMO

试一下

      $('#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();
     });

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

$(' #正常")。点击(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函数的完整回调事件来添加内容，而不是预先添加内容。

相关文章：