jquery - 在 WordPress 中使用 ColorBox onComplete

Question

我确定我缺少一些基本的东西，但是我编写了很少的 jQuery 代码并且无法弄清楚。我正在为我的 WordPress 网站使用 ColorBox 插件，并希望在显示图像后运行一些代码。我已将以下代码添加到我的 header.php 文件中，但从未调用过警报：

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

有谁知道出了什么问题？

Answer 1

下次您应该检查您的 javascript 控制台是否有错误。您不能在这样的对象值之后放置分号，并且您已经包含了一个额外的 ')'。尝试以下操作：

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

此外，请务必等到 DOM 加载完成后再执行任何操作。

Answer 2

你可以尝试promise()和done()方法

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