我对 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();
});
当我将此模板添加到文档时,单击事件不会触发。问题是什么?
最佳答案
您可能需要一个最接近的父包装器:
$('.service-wrapper').on(...);
关于javascript - Jquery 点击事件不会使用 Handlebars 模板触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43140099/