如何將fadein效果應用於函數？

Question

我用JS創建了我的整個html。 這是一個例子：

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

執行該函數時，它會為頁面創建整個標記。

如何使用“fadeIn”jQuery效果調用createBanner。 元素最初不在頁面中。 這就是為什么不可能以通用的方式選擇它們。

Answer 1

您可以創建需要附加的標記對象，使用.hide()隱藏它。 然后使用.appendTo()和.fadeIn()將其附加到正文以使淡入效果：

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

工作演示

Answer 2

您可以嘗試在append（）之后隱藏它; 然后淡入它。

Answer 3

快速方式如下。 你可以將它綁定到一個事件。

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

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

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