我正在尝试创建一个字段集,它将文件输入字段附加到 div 并使用 Slidedown() 函数显示新创建的字段。这个简单的代码正是我需要做的,但我不知道如何集成滑动操作。我确实想出了一个解决方案,通过隐藏 div#add_pic,附加新字段,然后对其进行 Slidedown() 几乎就可以了,但它看起来非常糟糕。有人对此有一个优雅的解决方案吗?谢谢!!
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);
})
最佳答案
我不确定确切的 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);
})
关于jquery - 使用 Slidedown() 显示新附加的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7435435/