JQuery - 在处理文本文本之前淡出文本

时间:2017-05-10 15:16:25

标签: javascript jquery html css

我有一张照片,整个屏幕都很糟糕。每隔5秒,背景图像会转换为另一个背景图像。对此,我有一个带有一些好文本的标题。当图片发生变化时,我想淡出我的文字,然后用另一个文字淡入。我已经完成了一半的工作。它会改变文本和淡入淡出。但是,它以奇怪的顺序完成它。这是我执行更改的代码:

DELETE FROM table
WHERE temp_pk IN
(
    SELECT Max(temp_pk) AS pkToDelete
    FROM
        (
            SELECT temp_pk, A, B
            FROM table
            WHERE A<=B
        UNION ALL
            SELECT temp_pk, B, A
            FROM table
            WHERE A>B
        ) AS u
    GROUP BY A, B
    HAVING COUNT(*) > 1
)

这是代码所在的顺序。但执行有点奇怪。在网站上执行是这样的:

$("header h1").fadeOut(500);
$("#bildfram").css("background-image", "url(" + bilder[bild] + ")" );
$("header h1").text("GeForce | " + text[bild]);
$("header h1").fadeIn(500);

我希望代码按脚本编写的顺序执行,FadeOut Text,Change Picture,Change Text,FadeIn Text。

提前致谢!

1 个答案:

答案 0 :(得分:5)

要在$.fadeOut()完成后更改内容,您需要将更改置于$.fadeOut()的回调中。

$("header h1").fadeOut(500, function() {
  $("#bildfram").css("background-image", "url(" + bilder[bild] + ")" );
  $("header h1").text("GeForce | " + text[bild]);
  $("header h1").fadeIn(500);
});