javascript - 如何检查某事是否已完成，如果存在则不再执行

Question

我想这样做，当在 .content 上时，然后创建一个新的并附加到 .mainPage 但只想附加一次。

这是示例 http://jsfiddle.net/4Qs97/

<div class="mainPage">
    <div class="content"></div>
</div>

var $newDiv = '<div class="content">This</div>';

$('.content').on('mouseover', function(){
  $($newDiv).appendTo('.mainPage');
});

我知道我可以使用 one 来实现这一点，但想知道是否有办法使用“on”来实现相同的目标，如果已经采取行动，只需追加一次 :-)

谢谢

Answer 1

您可以使用标志 变量 来记住添加的元素。

Live Demo

var $newDiv = '<div class="content">This</div>';
alreadyAdded = false;
$('.content').on('mouseover', function(){
    if(alreadyAdded) return;
  $($newDiv).appendTo('.mainPage');
    alreadyAdded = true;
});