jquery - jQuery mouseon/mouseout 或悬停在“on”绑定事件中

Question

我有以下 jquery 代码，当尝试实现与 on 事件的绑定时，它不能正常工作。`

    $(".editable_template_region").on({"mouseover":function(){
        $('<a href="javascript:void(0)" class="hoverItTemplate">click to edit</a>').appendTo($(this));

    }, "mouseout" : function() {
        $(this).find(".hoverItTemplate").remove();
    }});`

我认为这段代码不正确，因为这会导致事件“闪烁”或反复来回循环。所以我的悬停类只是闪烁着闪烁。

这是我之前的代码，但我想将其切换到 on 事件以更好地绑定。

      $(".editable_template_region").hover(function() {
        $('<a href="javascript:void(0)" class="hoverItTemplate">click to edit</a>').appendTo($(this));
    }, function() {
        $(this).find(".hoverItTemplate").remove();
    });     

提前致谢。

Answer 1

尝试这个：

$(".editable_template_region").on({
    mouseenter: function() {
        $('<a href="javascript:void(0)" class="hoverItTemplate">click to edit</a>').appendTo($(this));
    },
    mouseleave: function() {
        $(this).find(".hoverItTemplate").remove();
    }
});​

我不确定您所说的“更好的绑定”是什么意思，但上述内容或您的计划 .hover() 都应该有效。