單擊動態生成的跨度

Question

我按照以下方式編輯了一個字符串，並使用2個分子用一個帶有類的跨度進行包裝。 之後，我想點擊一個具有該類的元素後執行一些操作。 以下代碼不起作用。爲什麼？

var str="Hello, how are you?"; 
var start=2; 
var end=5; 
str=wrap(str,start,end); 

$("#somewhere").html(str); 

$(".blue").on("click",function(){ 
    alert("done"); 
}); 

function wrap(str,start,end) { 
    var sx=str.substring(0,start); 
    var wr=str.substring(start,end); 
    var dx=str.substring(end,str.length); 
    var ret=sx+"<span class='blue'>"+wr+"</span>"+dx; 
    return(ret); 
} 

Answer 1

可以使用

$('body').on('click', 'span.blue' , function(){}) 

看看Event binding on dynamically created elements?