0

我正在尝试使用 jQuery 链接段落的背景颜色更改。以下代码在第一次单击时起作用:将颜色更改为绿色,隐藏,显示,然后将颜色更改为黄色。

在第二次单击时,颜色变为绿色,但没有其他任何反应。没有进一步的点击做任何事情。怎么了?

$( "#p1" ).click(function( event ) {
$("#p1").css("background-color","green").slideUp(2000).slideDown(2000).queue( 
function() { $("#p1").css("background-color", "yellow"); }
);
});
4

1 回答 1

1

不需要在.queue这里使用,这样就可以了:

$("#p1").click(function(event) {
  $("#p1").css("background-color", "green").slideUp(2000).slideDown(2000, function() {
    $("#p1").css("background-color", "yellow");
  });
});

或者,使用.clearQueue

$("#p1").click(function(event) {
  $("#p1").clearQueue().css("background-color", "green").slideUp(2000).slideDown(2000).queue(
    function() {
      $("#p1").css("background-color", "yellow");
    });
});
于 2017-04-18T17:21:21.737 回答