如何使用了slideDown（）與appendTo（）

我想用我的appendTo（）使用了slideDown（）如何使用了slideDown（）與appendTo（）

這裏是我本次代碼

$(document).ready(function() { 
    var scntDiv = $('#add_words'); 
    var wordscount = 1; 
    $("#add_words").on("keyup","input[type='text']",function(e) { 
      if($(this).attr("data-isused")!="true"){ 
      $(this).attr("data-isused","true"); 
      wordscount++; 
      $('<div class="line">Word ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /></div>').appendTo(scntDiv); 
      // i++ 
      return false; 
     } 
    }); 
});

<div id="add_words"> 
    <div class="line">Word 1<input class="input1" type="text" value="1" /></div> 
</div>

我的問題是，是否有可能將slideDown()與我的代碼一起使用？

來源

2012-02-09 Muhammed

你必須改善你的問題！ [Last Question]（http://stackoverflow.com/questions/9209639/how-to-make-keyup-function-only-on-first-keyup-in-the-field） – gdoron 2012-02-09 13:54:12

@gdoron我改變了我的問題 – Muhammed 2012-02-09 13:56:49

如果您進行以下更改它應該工作：

$('<div class="line" style="display:none">Word ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /></div>').appendTo(scntDiv).slideDown();

這使得它最初隱藏允許把它滑下。

來源

2012-02-09 13:54:41

就是這樣:)非常感謝你的兄弟@Kory Hodgson – Muhammed 2012-02-09 14:20:19

確保新追加的要素先隱藏：

$(element).hide().appendTo(someOtherElement).slideDown();

來源

2012-02-09 13:54:44

這是最好的答案！ – Zl3n 2015-04-28 11:43:48

我猜你的意思是你想要的HTML與appendTo添加到DOM，然後用slideDown顯示添加的內容，對不對？

在你需要確保內容是隱藏的，當你把它添加到DOM這種情況下：

var html = '<div class="line">Word ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /></div>'; 
$(html).hide().appendTo(scntDiv).slideDown();

注意冒昧地打破所有的HTML伸到爲求一個變量的可讀性

來源

2012-02-09 13:56:37

如何使用了slideDown（）與appendTo（）

回答

相關問題