Question

Answer 1

此插件将能够检测到样式更改并通知您：jQuery Style Listener

您可以像以下一样使用它：

$('#yourElement').styleListener({

    // the styles that you want to monitor for changes
    styles: ['display'],

    // function to be called when a monitored style changes 
    changed: function(style, newValue, oldValue, element) {

        if(style == 'display' && newValue == 'none') {
            // element got hidden, do your stuff
        }
    }

});

演示：http://jsfiddle.net/vaxQX/

免责声明：我是该插件的作者。

Answer 2

您可以在隐藏的函数上提供回调函数。

$('div').hide(function(){
    // do something
});

不确定这是否适用于您想要的内容，但只有在隐藏完成后才能触发该功能。

Answer 3

您可以使用http://api.jquery.com/promise/：

http://jsbin.com/evajiv/1/edit

$('#test').click(function(){
   $(this).hide();      // I USED .fadeTo() in the demo
   $(this).promise().done(function(  ) {
       alert( 'HIDDEN!' );
   });
});

或以经典的方式：

function fn(){
   alert('DONE!');
}

$('#test').click(function(){
   $(this).hide(fn);  // use callback
});

http://jsbin.com/evajiv/3/edit

我们可以绑定hide事件，还是jquery有一个＆＃34; onhide＆＃34;事件

3 个答案: