jquery - 使用 Slidedown() 显示新附加的元素

标签 jquery forms

我正在尝试创建一个字段集,它将文件输入字段附加到 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/

相关文章:

php - 当其他人发表新评论时使用无限滚动

javascript - 防止堆栈动画

javascript - 一次显示一个弹出窗口

javascript - 如何使用 jQuery 提交表单?

html - 在具有两个按钮的 HTML 表单上,如何让一个按钮提交表单而另一个按钮不提交?

php - 如何从 php 表单中的单选按钮获取值并检查另一个 php 中的值

javascript - jQuery:有没有办法为 jQuery Datepicker 转换日期?

javascript - 当用户在 jquery 中按下回车键时,将 <br/> 添加到 p TAG contenteditable

php - 如何在同一页面上解决包含文件上传和其他文本输入的 <form>

HTML 表单密码要求