Javascript淡入淡出文本（<；th>&书信电报；部门>；标题单元格

我尝试了几种不同的方法来实现这一点，我可以让fadeIn或fadeOut工作，但不能两者兼而有之。我所寻找的是能够单击存储在a href属性中的图像，将单词“Update”淡入div id标记中，淡出，然后淡入单词“More Tools”或仅显示单词“More Tools”，因为它已经是第个标题单元格中的值

<a id="1" href="" class ="edit_button" title="edit1"><img src="images/editbutton.jpg" title="Submit Your Edit" border="0" height="24" width="24"></img></a>


<th colspan="3"><div id="editupdate">More Tools</div></th>


function (data) {
$('#editupdate').fadeIn().html('Update').delay(2500).fadeOut();
    });

更多工具
功能（数据）{
$（'#editupdate'）.fadeIn（）.html（'Update'）.delay（2500.fadeOut（）；
});

尝试以下操作

---

不起作用的原因是

html

函数没有进入

fadeIn

、

fadeOut

和

delay

使用的fx队列。要使代码位于队列中，可以使用

queue

jQuery函数

---

这应该做您的示例代码试图做的事情。如果您想在

淡出之后再次更改元素的HTML，只需向队列添加另一个调用即可。或者，您可以使用
fadeIn
的回调参数来做同样的事情（正如Nikhil所建议的）。我更喜欢这种方法，因为它避免了函数中包含函数，但它们做的事情是一样的。
我发布的函数实际上是一个更大的函数的一部分，用于将数据提交到php文件。Nikhil-工作得非常好。我真的很欣赏小提琴。帮助像我这样没有技能的人看到一切是如何以视觉的方式运作的。再次感谢。谢谢你的回复和链接。我来看看。再次感谢你，库尔特
    $("#editupdate").fadeIn(1000,function(){
        var tmp = $(this).html();
        $("#editupdate").html('Update').fadeOut(1500, function(){
            $("#editupdate").html(tmp).fadeIn(1500);
        });
    });

$("#editupdate").fadeIn(1000).queue(function(next) {
    $(this).html("Update");
    next(); //make sure the next function in the queue gets triggered
}).delay(2500).fadeOut(1500);