Question

我用JS创建我的整个HTML。这是一个例子：

function createBanner () {
    $('body').append(
      $('<div>')
      .attr('id',"banner")
      .attr('class',"banner")
      .append(
      ....

执行该功能时，会为该页面创建整个标记。

如何使用＆＃34; fadeIn＆＃34;来调用createBanner？ jQuery效果。元素最初不在页面中。这就是为什么不能以通用方式选择它们的原因。

Answer 1

您可以创建需要追加的标记对象，使用.hide()隐藏它。然后使用.appendTo()和.fadeIn()将其附加到正文以显示效果：

 $('<div>').attr('id',"banner").attr('class',"banner").append(....)
      .hide()
        .appendTo("body")
          .fadeIn(500);

<强> Working Demo

Answer 2

你可以尝试在append（）之后隐藏它;然后将其淡入。

Answer 3

快速方式如下。你可以将它绑定到一个事件。

＆＃13;

$(function(){
    var dv = $('<div>');
    $('body').append(dv.attr('id',"banner").attr('class',"banner").html("Some kind of content"));
    $('.banner').last().fadeIn(3000)

})

＆＃13;

.banner{
  display:none;
  font-size: 70px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

如何将fadein效果应用于函数？

3 个答案: