动态生成内容(Jquery)

Question

我有一个问题，我不知道如何解决。我是动态添加的内容，点击一个按钮。这是一个相当长的内容包装。我正在尝试淡入这个动态生成的内容。我是否可以使用jQuery来实现这个功能，还是应该使用CSS呢？知道下面的代码为什么不起作用吗？

$( "#new-inquiry-item" ).click(function() {
    $('.added-inquiry').prepend(inquiryString);
    $(this).fadeIn ('slow');
});

谢谢你的帮助。

Answer 1

好的，如果按钮是静态的，您可以使用您拥有的click函数，但是，click函数中的$(this)是指该按钮--如果您希望用户能够单击它，就不能在按钮中淡出(因为单击该按钮必须是可见的)。

正如您所说的，听起来您希望.a inquiry元素淡入，或者只希望新的内容(假设它被分配了一个类)。

这里是前者：http://jsfiddle.net/48naqays/

inquiryString = "Here's my dynamically generated string<br>";
$( "#new-inquiry-item" ).click(function() {
    $('.added-inquiry').prepend(inquiryString).stop().hide().fadeIn('slow');
});

后者：http://jsfiddle.net/pboqc5f2/

inquiryString = "<div class='new-inquiry'>Here's my dynamically generated string</div>";
$( "#new-inquiry-item" ).click(function() {
    $('.added-inquiry').prepend(inquiryString)
    $('.new-inquiry').not(':visible').fadeIn('slow');
});

第二个类还有一个CSS类，用于在创建动态内容时隐藏它，因此它可以淡入：

.new-inquiry{
    display:none;
}