Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将单击事件设置为此事件添加的元素_Javascript_Jquery - Fatal编程技术网

Javascript 将单击事件设置为此事件添加的元素

Javascript 将单击事件设置为此事件添加的元素,javascript,jquery,Javascript,Jquery,如何将单击事件设置为由同一脚本/事件添加的元素 HTML: <div class="example"></div> $('.example').click(function() { $(this).after('<div class="example"></div>'); }); JS: <div class="example"></div> $('.example').click(function() {

如何将单击事件设置为由同一脚本/事件添加的元素

HTML:

<div class="example"></div>
$('.example').click(function() {
    $(this).after('<div class="example"></div>');
});

JS:

<div class="example"></div>
$('.example').click(function() {
    $(this).after('<div class="example"></div>');
});
$('.example')。单击(函数(){
$(本)。在('')之后;
});

因此,新的div元素也应该是“可点击”的,以设置新元素。这可能吗?

您需要使用EventDelegation:

$('body').on('click', '.example', function() {
    $(this).after('<div class="example"></div>');
});
$('body')。在('click','example',function()上{
$(本)。在('')之后;
});

您需要使用EventDelegation:

$('body').on('click', '.example', function() {
    $(this).after('<div class="example"></div>');
});
$('body')。在('click','example',function()上{
$(本)。在('')之后;
});

您听说过活动授权吗?对此进行研究,这将是一个良好的开端;)你听说过活动代表团吗?对此进行研究,这将是一个良好的开端;)之所以会出现这种情况,是因为当您使用“单击”进行绑定时,它会在页面中搜索您要定位的对象的元素。当您创建新元素时,您需要将责任放在之前创建的内容中,在本例中是body-它使用示例类查找每一个点击元素,据我所知。这是因为当您使用“click”进行绑定时,它搜索页面中目标对象的元素。当您创建新元素时,您需要将责任放在之前创建的内容中,在本例中是body-它使用示例类查找每一个点击元素,据我所知。