javascript - 鼠标悬停 Action 只运行一次(如何)

Question

当鼠标悬停在特定区域时，我想在工具提示中加载数据(通过 ajax)。问题是只要我的鼠标在该区域上，就会进行 ajax 调用。有什么办法可以让 onmouseover(ajax 调用)效果只发生一次吗？这是代码:

$.post('calendar/event-details', {'eventId' :event.id},
            function (data){
                this.top = (ui.clientY + 15); this.left = (ui.clientX - 230);
                $('body').append( '<div id="vtip">' + data + '</div>' );
                $('div#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("slow");
                $('div#vtip').css("position","absolute");
                $('div#vtip').css("z-index", "+99");
            })

Answer 1

与 .one :

$('element').one('mouseover', function() { /* ajax */ });

.one 将在执行后立即分离处理程序。因此，它不会再执行任何次。