Question

我正在使用bPopup jquery库..添加到onclose事件的语法非常简单：

$('element_to_pop_up').bPopup({
     onOpen: function() { alert('onOpen fired'); }, 
     onClose: function() { alert('onClose fired'); }
})

我想要做的是在创建对象后向onClose事件添加内容..是否可能？

Answer 1

一般来说，你可以通过创建一个稍后摆弄的函数来实现这个目的：

var myOnClose = function() { alert('onClosed fired'); }
function doOnClose() { myOnClose(); }

$('element_to_pop_up').bPopup({
    onOpen: function() { alert('onOpen fired'); }, 
    onClose: doOnClose
})

// later...
myOnClose = function() { console.log("Doing something different!"); }

Answer 2

您可以访问元素bPopup内的data对象。

$('element_to_pop_up').bPopup({
    onOpen: function() { alert('onOpen fired'); }, 
    onClose: function() { alert('onClose fired'); }
});

$('element_to_pop_up').data('bPopup');

注意：无法保证创建的对象始终存在于元素的数据中。但这是广泛使用的方法。最好依靠提供的回调。

Answer 3

var realOnclose = f1;
function myOnClose(){realOnclose();}
 $('element_to_pop_up').bPopup({ 
    onOpen: function() { alert('onOpen fired'); },
    onClose: myOnClose
})

function f1() { alert('onClose fired'); } 
function f2() { alert('hey I am another function'); } 

//when you want to change the action when onclose...
realOnclose = f2;

Answer 4

如果要添加（而非替换）最初提供给onClose选项的代码，可以触发自定义事件：

$('element_to_pop_up').bPopup({
    onClose: function() {
        // Do the original stuff here.
        this.trigger('popup:close');
    }
});

然后，在以后的任何时候，您都可以为自定义事件注册处理程序：

$('element_to_pop_up').on('popup:close', function() {
    // Do the additional stuff here.
});

注意：查看bPopup库的代码，看起来onClose函数的上下文是原始的jQuery对象，但如果它不是，则替换为：$('element_to_pop_up').trigger('popup:close');

创建对象后附加jquery事件

4 个答案: