javascript - jQuery.on() 不工作

Question

当点击事件触发时，我正在尝试更改我的 wordpress 灯箱插件中的一些内容。灯箱本身是在页面加载后注入的，所以我必须使用on().

标头中的 Javascript：

jQuery(document).ready(function(){
    jQuery("body").on("click", "#lightbox img", function() { 
        alert("t");
    });
});

我从来没有见过alert. 我尝试将#lightbox img选择器更改为div，但仍然没有。

编辑：我在 chrome 控制台上没有收到任何错误，并修复了语法错误，这是由于删除了对问题无用的函数引起的。

Answer 1

语法错误

jQuery(document).ready((function){
----------------------^---------^
jQuery("body").on("click","#lightbox img",(function(){alert("t");});
------------------------------------------^

1. 在第二个大括号之后移动第一个大括号！
2. 为什么有一个开括号？去掉它！

让我发布正确的代码：

jQuery(document).ready(function() {
    jQuery("body").on("click", "#lightbox img", function() {
        alert("t");
    });
});

Answer 2

更正你的语法。您有 2 个不必存在的牙套

jQuery(document).ready((function){
 ----------------------^
"#lightbox img", (function() { 
 ----------------^

它应该是

jQuery(document).ready(function() {
    jQuery("body").on("click", "#lightbox img", function() {
        alert("t");
    });
});