Question

我有一个问题我不知道如何解决。我只需点击一下按钮即可动态添加内容。它的内容包装很长。我试图淡化这个动态生成的内容。如果我使用jQuery或者我应该使用CSS，这样可以吗？有什么想法为什么下面的代码不起作用？

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

感谢您的帮助。

Answer 1

好吧，如果按钮是静态的，你可以使用你拥有的点击功能，但是，点击功能中的$（this）指的是按钮 - 如果你期望用户你就不能淡入按钮能够点击它（因为点击按钮必须可见）。

根据你的说法，听起来你想要.added-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;
}

动画生成动画内容（Jquery）

1 个答案: