0

我尝试了几种不同的方法来实现这一点，我可以让淡入或淡出工作，但不能同时工作。我正在寻找的是能够单击存储在 a href 属性中的图像并将“更新”一词淡入 div id 标记，淡出，然后淡入“更多工具”一词或仅显示“更多工具”一词" 因为它已经是第 th 标题单元格中的值。

<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();
    });
4

2 回答 2

0

尝试跟随...

演示小提琴

    $("#editupdate").fadeIn(1000,function(){
        var tmp = $(this).html();
        $("#editupdate").html('Update').fadeOut(1500, function(){
            $("#editupdate").html(tmp).fadeIn(1500);
        });
    });
于 2013-10-22T15:10:56.940 回答
0

不起作用的原因是该html函数没有进入 , 和 使用的fadeInfxfadeOut队列delay。要让代码在队列中，您可以使用queuejQuery 函数。http://api.jquery.com/queue/#queue-queueName-callback-next-

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

那应该做看起来像您的示例代码正在尝试做的事情。如果您想在 之后再次更改元素的 HTML fadeOut，只需添加另一个对 queue 的调用。或者，您可以使用fadeIn的回调参数来做同样的事情（如 Nikhil 所建议的）。我更喜欢这种方法，因为它避免了函数内部的函数，但它们做同样的事情。

于 2013-10-22T15:24:28.600 回答