Question

尝试在点击事件中动态添加新的隐藏div，然后淡化此div。

$('.param').on('click',function(event){
        $(this).fadeOut('slow');
        $('#bibox').append('<div style="display: none;" id="test"> Hello World!</div>');
        $('#test').fadeIn('slow');
    });

它正确地将新隐藏的div添加到#bibox中，但保持隐藏状态。

Answer 1

试试这个：

$('.param').on('click',function(event){
    $(this).fadeOut('slow');
    var html = '<div style="display: none;" id="test"> Hello World!</div>';
    $(html).hide().appendTo("#bibox").fadeIn('slow');
});

Answer 2

这对我有用：

＆＃13;

$('.param').on('click',function(event){
        $(this).fadeOut('slow');
        $('#bibox').append('<div style="display: none;" id="test"> Hello World!</div>');
        $('#test').fadeIn('slow');
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="param">Click me!</div>
<div id="bibox"></div>

＆＃13;

.fadeIn（）对新添加的元素

2 个答案: