Jquery 在WordPress中使用ColorBox onComplete

我肯定我遗漏了一些基本的东西，但我编写了一些jQuery代码，却无法理解。我正在为我的WordPress网站使用ColorBox插件，希望在显示图像后运行一些代码。我已将以下代码添加到header.php文件中，但从未调用此警报：

<script type="text/javascript">
    jQuery('.screenshot-image a').colorbox({
        onComplete:function(){
            alert('test');
        });
    });
</script>

jQuery（'.screenshot image a'）.colorbox({
onComplete:function（）{
警报（“测试”）；
});
});

有人知道怎么回事吗？

你可以尝试

promise（）

和

done（）

方法

$('.screenshot-image a').colorbox().promise().done(function(){
   alert('test')
})

您可以尝试

promise（）

和

done（）

方法

$('.screenshot-image a').colorbox().promise().done(function(){
   alert('test')
})

---

下次您应该检查javascript控制台是否有错误。不能在这样的对象值后面加分号，而且还额外加了一个“'）”。请尝试以下操作：

jQuery('.screenshot-image a').colorbox({
    onComplete:function(){
        alert('test');
    }
});

---

另外，在执行任何操作之前，请确保等待DOM加载完毕。

下次您应该检查javascript控制台是否有错误。不能在这样的对象值后面加分号，而且还额外加了一个“'）”。请尝试以下操作：

jQuery('.screenshot-image a').colorbox({
    onComplete:function(){
        alert('test');
    }
});

---

另外，在执行任何操作之前，一定要等到DOM加载完毕。

谢谢，我错过了，我仍然掌握着firebug调试的窍门。在修复代码后，我发现了另一个“colorbox不是函数”错误，我认为这是问题的根本原因。事实证明，该插件只在页面标题中添加jquery.colorbox-min.js和jquery-colorbox-wrapper-min.js。因此，我将jquery.colorbox.js添加到header.php文件中，事情开始按预期进行。你网站示例页面上的回调帮助我找到了它。谢谢，我错过了，我仍然掌握着firebug调试的窍门。在修复代码后，我发现了另一个“colorbox不是函数”错误，我认为这是问题的根本原因。事实证明，该插件只在页面标题中添加jquery.colorbox-min.js和jquery-colorbox-wrapper-min.js。因此，我将jquery.colorbox.js添加到header.php文件中，事情开始按预期进行。您网站示例页面上的回调帮助我找到了它。