javascript - 为什么 on function 在这里不起作用 - jquery？

Question

我想复制 id test 元素中的 span 元素。我知道 .clone 工作正常。但是如果我像这样使用 .html，.click 功能将无法正常工作。我哪里弄错了。我怎样才能只使用 .html() 来解决这个问题

HTML :

<div id="test">
    <span class="new">hi</span>    
</div>

<div id="test1"></div>

脚本:

function testtt (){

    $('#test').on('click','.new',function(){

        alert('hi');

    });

    var rr  = $('#test').html();

    $('#test').append(rr);

}    
testtt();

Code in fiddle

Answer 1

我对您的问题的理解是，您希望将点击处理程序应用于复制的 span 元素。

您需要像这样更改点击事件的范围以覆盖克隆的元素:

HTML:

<div id="test" class="clickable">
    <span class="new">hi</span> 
</div>
<div id="test1" class="clickable"></div>

JS:

$('div.clickable').on('click','.new',function(){
    alert('hi');    
});