0

我的文档上有两个输入按钮，它们包含在主 div“容器”中。

我为他们使用的代码是：

<input id="anotherservices" type="button" value="Add Another Service">
<input id="addmultiterms" type="button" value="Go">

现在，当我单击第一个按钮，即值为“添加另一个服务”的按钮时，我需要上述两个按钮都淡出，然后执行 ajax 请求。然后两个按钮再次附加到主“容器”div。

这是递归的，这意味着当我再次单击新附加的第一个按钮时，两个新附加的按钮都应该再次淡出，并且必须将另一组附加到文档中。

用于完成此操作的代码如下：

$('#anotherservices').live("click",function(e)
{ 
$(this).fadeOut();
$('#addmultiterms').fadeOut();

/* ajax request goes here */ 

$('#container').append('<input id="anotherservices" type="button" value="Add Another Service">');

$('#container').append('<input id="addmultiterms" type="button"  value="Go">');

但是第二个按钮，值“Go”并没有淡出，因为它没有在运行时被添加到 dom 中。

我如何做到这一点？

4

2 回答 2

1

fadeOut()不会像nnnnnn在评论中所说的那样删除元素。您可以使用fadeIn()方法再次显示按钮。并且可以使用更改按钮的值

$("#addmultiterms").attr('value', 'Go');

第二个选项是删除按钮，在添加新按钮之前可以使用下面的代码来删除按钮。

$("#addmultiterms").remove();
于 2013-01-11T05:05:59.817 回答
0

如果要动态添加元素，则必须使用

$(document).ready(function (){
     -- Your Function goes here
})

为什么因为第一次添加淡出和其他东西时，必须先创建它，然后您可以遵循其他逻辑，例如删除或类似的东西..顺便说一句，您显然必须使用“删除”... .

希望这可以帮助......

于 2013-01-11T05:13:32.917 回答