已解決430363個問題，去搜搜看，總會有你想問的

關于延遲順序顯示，怎么敲代碼才能優雅實現？

首頁猿問關于延遲順序顯示，...

JavaScript

MMTTMM 2018-10-12 14:09:19

鼠標移入test, 2秒后在中提示mouseenter.鼠標移出test, 在中提示mouseleave.要求leave的信息必須等mouseenter顯示后，再顯示（有順序)。應該怎么寫事件？

查看完整描述

1 回答

12345678_0001

TA貢獻1802條經驗獲得超5個贊

Try this:

var $test = $('#test'),

$info = $('#info'),

status;

$test.on('mouseenter',function(){

status = "";

$info.text('mouseenter').fadeOut(0).delay(2000).fadeIn(300, function(){

status === "out" ? $(this).text('mouseleave') : status = "in";

});

$test.on('mouseout',function(){

status === "in" ? $info.text('mouseleave') : status = "out";

});

反對回復 2018-11-26

關注

舉報

0/150

提交

取消