javascript - Jquery on event 不绑定(bind)不存在的元素

Question

这里是 jsfiddle 示例

http://jsfiddle.net/HTjCT/1/

如您所见，当您将鼠标悬停时它不会触发鼠标悬停事件

我该如何解决这个问题？

我正在使用 Jquery 1.9

<div id='superdiv'>Click Me</div>


$(function () {
    $('#superdiv').on('click', function (event) {
        $('body').append('<div id="super">another');
    });
    $('#super').on('mouseover', function (event) {
        alert('not working');
    });
});

JavaScript

Answer 1

你必须像这样使用“delegate”(提供“live”)$('body').on('mouseover', '#super', 函数(事件){