Javascript 动态div内容会在应该消失之前消失

我知道jQuery有一个tooltip对象，但我想了解一些我不完全理解的东西。我希望动态显示内容，但首先我尝试使用：

css: .hiddenEl{display:none;}

 $(document).ready(function () {
        $('#showElement').click(function () {
            getText()
        });
        function getText() {
            $.ajax({
               //...ajax options
                success: function (data) {
                   //if I use this line of code when a div with 
                    // class hiddenEl is already on the page, it works
                    $('.hiddenEl').text(data.d).fadeToggle();
                   //when I create the div dynamically it fades in
                   //,and immediately fades back out.
                   //var $div = $('<div>').addClass('.hiddenEl').text(data.d).appendTo('body').fadeToggle();
                },
                error: function (xhr) {
                    console.log('failed: ' + xhr.status);
                }
            });
        }
    });

---

这可能是因为您动态创建元素的方式。我们可以看看你是怎么做的吗？@Zeaklous如果你取消对var$div的注释，这是注释行var$div=$。。。行并注释掉$'.hiddenEl'行，您将看到问题。尝试使用jQuery，{class:'hiddenEl'，text:data.d}.appendTo'body'；如果这不起作用，我们还能看到一个实例吗？我正在摆弄JSFIDLE，让它使用AJAX请求。。。

 $(document).ready(function () {
            $('#showElement').click(function () {
                getText()
            });
            var array = ['first', 'second', 'third'];
            function getText() {
                $.ajax({
                    success: function (data) {
                        console.log('success');
                        //if I use this line of code when a div with 
                        // class hiddenEl is already on the page, it works
                        // $('.hiddenEl').text(data.d).fadeToggle();
                        //when I create the div dynamically it fades in
                        //,and immediately fades back out.

                        var $div = $('<div>').addClass('.hiddenEl').text(array).appendTo('body').fadeToggle();
                    },
                    error: function (xhr) {
                        console.log('failed: ' + xhr.status);
                    }
                });
            }
        });