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

更正语法。你有两个不必在那里的大括号

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

应该是

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