Javascript jquery中淡出函数的问题
这是我的jquery代码,用于添加和删除动态文本框以及radiobutton:Javascript jquery中淡出函数的问题,javascript,jquery,Javascript,Jquery,这是我的jquery代码,用于添加和删除动态文本框以及radiobutton: <script type="text/javascript"> var ans = 0; var cnt = 1; $(document).ready(function () { $("#add").click(function () { //var intId = $("#abc div").length + 1;
<script type="text/javascript">
var ans = 0;
var cnt = 1;
$(document).ready(function () {
$("#add").click(function () {
//var intId = $("#abc div").length + 1;
var fieldWrapper = $("<div class=\"fieldwrapper\" id=\"field" + cnt + "\"/>");
var fType = $("<input type=\"radio\" class=\"fieldtype\" id=\"Rd" + cnt + "\" name=\"RdNm\" />");
var fName = $("<input type=\"text\" class=\"fieldname\" id=\"Txtopt" + cnt + "\" name=\"TxtoptNm" + cnt + "\" />");
var removeButton = $("<input type=\"button\" class=\"remove\" value=\"-\" />");
removeButton.click(function () {
$(this).fadeOut(1000, function () {
$(this).parent().remove();
});
});
fieldWrapper.append(fType);
fieldWrapper.append(fName);
fieldWrapper.append(removeButton);
fieldWrapper.append('<br />');
fieldWrapper.append('<br />');
$("#abc").append(fieldWrapper);
$("#field" + cnt).effect("bounce", { times: 3 }, 'normal');
//$("#Txtopt" + intId).effect("bounce", { times: 3 }, 300);
}
cnt = cnt + 1;
});
});
</script>
var ans=0;
var-cnt=1;
$(文档).ready(函数(){
$(“#添加”)。单击(函数(){
//var intId=$(“#abc div”).长度+1;
var fieldWrapper=$(“”);
var fType=$(“”);
变量fName=$(“”);
var removeButton=$(“”);
移除按钮。单击(函数(){
$(此).fadeOut(1000,函数(){
$(this.parent().remove();
});
});
fieldWrapper.append(fType);
fieldWrapper.append(fName);
fieldWrapper.append(removeButton);
fieldWrapper.append(“
”);
fieldWrapper.append(“
”);
$(“#abc”).append(fieldWrapper);
$(“#field”+cnt).effect(“bounce”,{times:3},'normal');
//$(“#Txtopt”+intId).effect(“反弹”{times:3},300);
}
cnt=cnt+1;
});
});
删除正在正常运行,但唯一的问题是淡出效果意味着当我点击
移除按钮然后只有移除按钮淡出,但是文本框和单选按钮不会淡出,尽管文本框和单选按钮正在移除。
如何修复此删除功能?如果您想淡出整个内容,显然应该完全淡出父内容,然后将其删除,而不是淡出按钮并删除父内容。所以试试这个
removeButton.click(function () {
$(this).parent().fadeOut(1000, function () {
$(this).remove();
});
});
不,兄弟,又出现了同样的问题。只有“删除”按钮淡出。我的文本框、单选按钮和“删除”按钮都在除法下生成,所以要淡出,我必须通过整个除法,然后只有整个东西才会淡出out@user3524566这就是我正在做的。在演示中不是所有的东西都消失了吗?是的,所有的东西都消失了out@user3524566有什么理由接受粘贴我答案的答案吗。。?即使不是复制粘贴,我也在一小时前给出了工作答案,另一个。对不起,这是错误的。为了便于阅读,我建议使用单引号,而不是双引号…。