我在Rails应用程序的原始HTML5页面上有webpack。
我已经onClick在Webpack中定义了处理程序：
$(document).ready(()=> {
document.getElementById('add-card').onClick = () => {
$('.ui.modal').modal('show');
}
});
该按钮在页面上呈现为：
<a class="ui button" id="add-card">Click me</a>
单击它不会执行任何操作。但是，在控制台中，我可以看到定义了处理程序：
document.getElementById('add-card').onClick
ƒ () {
$('.ui.modal').modal('show');
}
当我使用时document.getElementById('add-card').onClick()，它运行完美！
当元素被点击时，如何触发我的onClick处理程序？
编辑：对于挑剔的观察者，我已经通过Webpack安装并正确配置了jQuery。
您正在混合香草js和jquery。你可以做
$(document).ready(()=> {
document.getElementById('add-card').addEventListener('click', () => {
$('.ui.modal').modal('show');
})
});
或者你可以做
$(document).ready(()=> {
$('#add-card').on('click', () => {
$('.ui.modal').modal('show');
});
});
当您document.getElementById('add-card')获得Node而不是jQuery对象时，因此没有onClick（尽管有onclick，但是最好使用addEventListener）。如果您$('#add-card')返回了jQuery对象，则可以在其上使用jQuery方法。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句