Javascript jquery中淡出函数的问题

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;

这是我的jquery代码,用于添加和删除动态文本框以及radiobutton

<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有什么理由接受粘贴我答案的答案吗。。?即使不是复制粘贴,我也在一小时前给出了工作答案,另一个。对不起,这是错误的。为了便于阅读,我建议使用单引号,而不是双引号…。