jQuery 事件不会在 Handlebars 模板上触发

Question

这是我第一次使用 stackoverflow。希望一切都有意义。

我正在使用 tableTop.js 和 Handlebars 从 Google 电子表格中获取数据。

加载数据时，每个按钮都有一个关联的单选按钮，选择该按钮时需要触发一个事件(目前只是一个警报框)。

我的问题是，当我点击它时什么也没有发生。但是，如果我用完全相同的代码进行硬编码(不是从电子表格中提取)，那么警报会正常触发。

下面是演示链接 http://jsfiddle.net/danieltramacchi/zgSvY/

触发事件的代码

$(document).ready(function () {

    $(".sem-box").on("change", function () {

        var location = $(this).find("h3").html();
        alert(location);

    });
});

最初出现的单选按钮将触发警报，但如果您单击该图像，它将删除该图像并从电子表格中提取数据。

任何帮助将不胜感激!

Answer 1

尝试:

$("#seminar").on("change", ".sem-box",function () {

    var location = $(this).find("h3").html();
    alert(location);

});