Question

有一个html表，在每一行中，我添加了“编辑”图标，当鼠标输入图标时，它会弹出一个菜单。在document.ready函数中，事件mouseenter有效。但是如果我通过dajax添加一个新行，则事件mouseenter无效。

function add_finding(table_type){
if(!check_finding_attribute(table_type))
    return;
else{
Dajaxice.codeinsight.add_finding(Dajax.process,get_finding_attribute_dict(table_type));
    reset_finding_attribute(table_type);
    //reload the popup menu
    $(".menubox").each(function(){
        var menubox_id=$(this).attr("id");
        var showmenu_id=menubox_id.replace("menubox","showmenu");
        $.showmenu("#"+showmenu_id,"#"+menubox_id);
    });
}
}

$(document).ready(function(){
jQuery.showmenu = function(showbtnid,showboxid) {
    var showmenubtn = $(showbtnid);
    var showmenubox = $(showboxid);
    showmenubtn.mouseenter(function(e){
        var thish = $(this).height();
        var offset = $(this).offset();
        var tipx = offset.left;
        var tipy = offset.top+thish-1;
        showmenubox.show().css("left",tipx).css("top",tipy);
        t= setTimeout(function(){showmenubox.hide();},1000);
      });
    showmenubox.mouseenter(function(){
        clearTimeout(t);
    });
    showmenubox.mouseleave(function(){
        $(this).hide();
    });
};
$(".menubox").each(function(){
    var menubox_id=$(this).attr("id");
    var showmenu_id=menubox_id.replace("menubox","showmenu");
    $.showmenu("#"+showmenu_id,"#"+menubox_id);
});
});

Answer 1

如果内容是通过AJAX发送的，并且您希望将事件绑定到该内容，那么您应该这样做。

jQuery.on(...)

正常事件绑定不适用于那些。

jQuery.on("mouseenter", showbtnid,function(){...})

以上绑定将处理现有元素以及将来新添加的元素。

快乐编码：）

通过ajax添加内容，但mouseenter事件无效

1 个答案: