如何使用 jQuery 捕获颜色框打开事件？

Question

我对 jQuery 有非常非常基本的了解，但我需要解决这个问题：我有一个基于 Drupal 的网页，并且我创建了一个在 Colorbox 中打开的地图（在 Colorbox Node 模块的帮助下）。所以页面上有一个超链接：<a class="colorbox-node init-colorbox-node-processed-processed" href="/places_fullscreen">Open in fullscreen</a>。单击它，<div> 和 #colorbox css-selector 将在 Colorbox-overlay 中可见。 首先，我想在打开颜色框然后做某事时捕捉到事件。

我浏览了互联网寻找解决方案并尝试实施它们但没有成功。

第一个建议：

(function($) {
    $(".colorbox-node").colorbox( {
    onComplete: function() {
        console.log('ColorBox is currently open');
    }
    });
})

第二个建议：

(function($) {
    if ($("#colorbox").css("display")=="block") {
        console.log('ColorBox is currently open');
    }
})

什么是正确的解决方案？

Answer 1

嗯，我知道我应该使用 Drupal 行为。所以下面的代码就可以了：

(function ($) {
    Drupal.behaviors.whateverName= {
        attach: function (context, settings) {
            if ($('#colorbox').css('display') == 'block') {
               console.log('ColorBox is currently open');
            }
        }
    };
}) (jQuery);