Question

所以我们假设我有这个简单的代码：

HTML：

<div id="test">Hello!</div>
<input type="submit" id="update_map" value="Update!" />

JQUERY：

$("#id").mouseover(function ()
{
    alert("TRUE");
});

到目前为止，一切都很完美，但是当我用该代码更新测试 div时：

$("#update_map").click(function ()
{
    $.post( "update_ajax.php", function( data ) {
        $( "#test" ).html( data );
        alert("Done!");
    });
});

但现在，当我点击“更新！”时，我会将鼠标移到“测试”div上，它将无效。

我该如何解决这个问题？

Answer 1

尝试$().on，这是$().live的新版本，它完全符合您的要求：

$('body').on('mouseover','#id', function(){
    alert('true');
});

使用AJAX更新事件后，事件不起作用

1 个答案: