javascript - Jquery 点击事件不会使用 Handlebars 模板触发

Question

我对 Jquery .on() 函数和 Handlebars 模板有问题。我编写了 Handlebars 模板并将其动态添加到文档中:

$('.services-wrapper').append(serviceTemplate({index : ++maxIndex}));

此模板有一个按钮:

<p>
    <?= Html::buttonInput('Delete', [
    'class' => 'btn btn-danger delete-service', 
    'id' => 'js-delete-service',
        'data' => [
        'index' => $index,
    ],
    ]) ?>
</p>

所以我在这个按钮上编写了点击处理程序:

$('.service').on('click', '.delete-service', function (e) {
    alert('Clicked');
    //$(this).parent().parent().remove();
});

当我将此模板添加到文档时，单击事件不会触发。问题是什么？

Answer 1

您可能需要一个最接近的父包装器:

$('.service-wrapper').on(...);