jquery - 使用jquery高亮效果

Question

我想使用jquery高亮效果突出显示背景为橙色的段落，然后在完成后永久打开橙色背景。在此代码中，第二个任务不起作用。

myparagrah = $("#thisParagraph");

turnOrangeOnWarning("This is a warning!");

function turnOrangeOnWarning(t) {           
  myparagrah.text(t).effect("highlight",{'color':'orange'},1000);       
  myparagrah.css("background-color","orange");                      
}

Answer 1

您的函数在第一行之后立即调用第二行。我想它会立即变成橙色，而不是您想要的一秒钟高光。您需要使第二行回调到您的第一行。可能看起来像这样（不确定正确的 effect() 重载参数是什么）：

function turnOrangeOnWarning(t) {
    myparagraph.text(t).effect("highlight", {'color':'orange'}, 1000,
        function() { myparagraph.css("background-color", "orange"); }
    );
}