Ne pas exécuter href jquery

Question

Possible en double:
Jquery if conditions false then prevent default

Je possède ce code, il fonctionne bien, mais je veux que ce soit dynamique. Je souhaite exécuter le fondu en premier avant de le diriger à l'aide de la fonction href.

Ce que je veux est ce premier

$(".nav a").click(function() {  
    var getid = $(this).attr('id'); 
    $("#background-wrapper").fadeOut("slow"); 
    $("#page_box").fadeOut("slow"); 
    $("header").fadeOut("slow"); 
    $("footer").fadeOut("slow"); 
}); 

puis déclencher cette après

.nav a = href = "link" 

Answer 1

Vous devez utiliser event.preventDefault() d'abord pour arrêter le comportement de lien, puis rediriger manuellement l'utilisateur. Essayez ceci:

$(".nav a").click(function (e) {  
    e.preventDefault(); 

    var getid = $(this).attr('id'); 
    $("#background-wrapper").fadeOut("slow"); 
    $("#page_box").fadeOut("slow");   
    $("header").fadeOut("slow"); 
    $("footer").fadeOut("slow", function() { 
     location.assign = getid + ".php"; 
    }); 
}); 

Answer 2

Essayez ceci:

$(".nav a").click(function (e) {  

    e.preventDefault(); /* If this method is called, the default action of the event will not be triggered. e.g clicked anchors will not take the browser to a new URL */ 

    var pageUrl = this.id + ".php"; 

    $("#background-wrapper").fadeOut("slow"); 
    $("#page_box").fadeOut("slow"); 
    $("header").fadeOut("slow"); 
    $("footer").fadeOut("slow", function() { 
     window.location.replace(pageUrl); 
    }); 

}); 

Answer 3

pour cette solution:

$(".nav a").click(function (e) { 
    e.preventDefault(); 
    var $ele = $(this); 
    $("#background-wrapper, #page_box, header, footer").fadeOut("slow", function() { 
     window.location = $ele.attr('id')+".php"; 
    }); 
}); 

Answer 4

Peut-être que cela devrait fonctionner pour vous?

$(".nav a").click(function (e) {  
    e.preventDefault(); 
    var pageUri = $(this).attr('id') + '.php'; 
    $("#background-wrapper, #page_box, header, footer").fadeOut('slow', function() { 
     window.replace(pageUri) 
    }); 
}