Question

我按照以下方式编辑了一个字符串，使用带有类的span的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?

单击动态生成的范围

1 个答案: