jQuery onhide事件处理程序

Question

In jQuery, I'm hiding my elements using .hide(); .

Is there an evert handler that is fired when I hide something? You see, I have a bunch of elements in my code, and I'm hiding them or showing them (using jQuery) a bunch of times. To keep things in check, in an efficient way, I would love to use an event handler for .hide()

Could someone point me in the right direction for this?

Many Thanks!

Answer 1

You can use a callback function

$('#element').hide('slow', hideCallback);

$('#element').show('slow', showCallback);

function hideCallback()
{
    // You can do your stuff here
}

function showCallback()
{
    // You can do your stuff here
}

Answer 2

$('p').on('ohWowIGotHidden', function(){
    document.write('O look, it works');
});

$('p').hide(function(){
    $(this).trigger('ohWowIGotHidden');
});

​You can create a custom event and trigger it whenever you call the hide method..

Answer 3

您可以在调用原始函数后重写隐藏在jquery中以调度事件。