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（）都应该有效。

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

1 个答案: