jQuery - Alert Box只顯示一次？

Question

我有一個警告框，當用戶鼠標懸停在某個區域時觸發。 下面是代碼：

$("#contentfooter:contains(This website)").mouseover(function(){ 
    $(".navTopItemGroup_6").slideDown("slow"); 
     alert("You've Unlocked A Hidden Area"); 
     }); 

如何防止這個警告框從激活一個以上的時間呢？ 即，當他們將鼠標懸停在該區域一次時，我不希望警告框在鼠標懸停兩次時彈出。

Answer 1

使用one()http://api.jquery.com/one/。

$element.one('mouseover', function(){ ... }) 

Answer 2

如果不再次隱藏內容，則.one（）方法將起作用。但是，如果你這樣做，那麼只需將鼠標懸停事件更改爲mouseenter即可。

Answer 3

下面是一個示例demo

one()結合的事件處理程序和解除綁定它在它的第一次執行。