Javascript 事件上的Jquery未绑定不存在的元素_Javascript_Jquery_Event Delegation

Javascript 事件上的Jquery未绑定不存在的元素

javascript jquery

Javascript 事件上的Jquery未绑定不存在的元素,javascript,jquery,event-delegation,Javascript,Jquery,Event Delegation,好的，这里是JSFIDLE示例正如您在悬停时看到的，它不是触发鼠标悬停事件我怎样才能解决这个问题我正在使用jQuery1.9 <div id='superdiv'>Click Me</div> $(function () { $('#superdiv').on('click', function (event) { $('body').append('<div id="super">another'); });

好的，这里是JSFIDLE示例

正如您在悬停时看到的，它不是触发鼠标悬停事件

我怎样才能解决这个问题

我正在使用jQuery1.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');
    });
});

点击我
$（函数（）{
$（'#superdiv'）。在（'click'，函数（事件）{
$（'body'）。追加（'other'）；
});
$（'#super'）。on（'mouseover'，函数（事件）{
警报（“不工作”）；
});
});

javascript

要在单击时创建的div没有使用“

$(function () { $('#superdiv').on('click', function (event) { $('body').append( $('<div/>',{ 'id' : 'super', 'text' : 'tetet'}).mouseover(function(event) { alert('test'); }) ); }); });

$（函数（）{ $（'#superdiv'）。在（'click'，函数（事件）{ $（'body'）。追加( $（“”，{id'：'super'，text'：'teteet'}）.mouseover（函数（事件）{ 警报（“测试”）； }) ); }); });

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

$（函数（）{ $（'#superdiv'）。在（'click'，函数（事件）{ $（'body'）。追加（'other'）；鼠标（）； }); 功能鼠标（）{ $（'#super'）。在（'mouseover'，函数（事件）{ 警报（“不工作”）； }); }); 鼠标（）； }