Question

我正在尝试创建一个将文件输入字段附加到div的字段集，并使用slidedown（）函数显示新创建的字段。这个简单的代码正是我需要做的，但我无法弄清楚如何集成slidedown动作。我确实提出了一个解决方案几乎就是隐藏div＃add_pic，附加新字段，然后slidingown（）它但它看起来非常糟糕。有没有人有这个优雅的解决方案？谢谢！

function add_file_input() {

$('div#add_pic').append("<label>Artist Pic:</label><input type='file' name='pics[]'><br     />");

}

$(document).ready(function(){

$('a#add_field').click(add_file_input);

})

Answer 1

我不确定确切的HTML布局，但我会将你要附加的内容包装在隐藏的另一个div中，然后将新添加的div滑动。像这样

function add_file_input() {

   $('div#add_pic').append("<div class="addedDiv" style="display:none"><label>Artist Pic:</label><input type='file' name='pics[]'><br     /></div>");
   $('div.addedDiv').slideDown("slow");

}

$(document).ready(function(){

   $('a#add_field').click(add_file_input);

})

使用slidedown（）显示新添加的元素

1 个答案: