e.preventDefault - is there a way to doDefault?

Question

let's say I have a link:

<a href='http://example.com/file.zip' id='dl'>Download</a>

And while someone click on it, I want to do something, such as:

$("#dl").live("click", function(e){
    e.preventDefault();
    $("#dlbox").fadeOut(500);
});

Is there a way after I e.preventDefault, to go ahead and doDefault? something like

$("#dl").live("click", function(e){
    e.preventDefault();
    $("#dlbox").fadeOut(500);
    e.doDefault();
});

so it'll run the event normally?

Answer 1

You can only prevent the default behavior (with e.preventDefault()).

Now if you expect the link to be navigated when the .fadeOut() method has finished, you should prevent the default behavior and use the callback parameter of the fadeOut method to navigate when the animation has finished:

$("#dl").live("click", function(e){
    e.preventDefault();
    var href = this.href;
    $("#dlbox").fadeOut(500, function() {
        window.location = href;
    });
});

DEMO

Answer 2

There is no doDefault() command, you need to re-architect your code.

I would prevent default, then perform the url direct yourself via window.location. Possibly use a different tag to an anchor tag too - by overriding its functionality it makes no sense to use it in the first place.

eg something like this:

$("#dl").live("click", function(e){
    e.preventDefault();
    $("#dlbox").fadeOut(500, function() { window.location='www.fish.com'; });
});