如何使用了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（）

回答

相关问题