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()绑定一个事件处理程序，并在第一次执行时取消绑定它。