Modifier l'événement onclick avec jQuery

Question

J'ai un extrait de code JavaScript qui affiche un widget sur votre page. Il y a des liens qui obtiennent la sortie par le script qui ressemble à ceci:

<a href="#" onclick="somefunction()">Link</a> 

Ces liens provoquent un certain JS au feu. C'est génial. Le problème est le href="#" et l'absence d'un "return false;" à la fin de l'attribut onclick.

Lorsque je clique sur un de ces liens, le navigateur saute vers le haut du document. Avec le widget positionné près du bas du document, ce n'est pas bon.

Malheureusement, je n'ai aucun contrôle sur la sortie du script.

En utilisant jQuery je peux faire référence à ces liens en utilisant $("#wxheader ul li a"). J'ai essayé le code suivant, mais il ne fonctionne pas:

$(document).ready(function(){ 
    $("#wxheader ul li a").each(function(){ 
     var onclick = $(this).attr("onclick") + "; return false;"; 
     $(this).attr("onclick", onclick); 
    }); 
}); 

Je veux écrire une fonction jQuery qui changera chaque attribut onclick pour ajouter "return false;" et il doit courir après le script a sortie le contenu de la page .

Des idées?

Answer 1

Essayez ceci. L'astuce consiste à appeler preventDefault dans le gestionnaire, ce qui empêche la propagation de l'action de l'élément par défaut. J'espère que ça aide.

$("#wxheader ul li a").click(function(e){ 
    e.preventDefault(); 
    return false; 
}); 

Answer 2

Vous devriez être en mesure de le remplacer dans jquery, essayez ceci:

$("#wxheader ul li a").each(function(){ 
    $(this).click(function(e) { 
     e.preventDefault(); 
    }); 
}); 

Ce arrête le processus normal de l'événement click.

fixe, cela arrêtera efficacement l'interprétation par défaut du navigateur de l'événement click

Answer 3

Avez-vous essayé d'utiliser href="javascript:"?

Answer 4

Vous pouvez également utiliser:

<a href="javascript:void(0)" onclick="somefunction()">Link</a> 

Answer 5

Je ferais comme ça

$('#wxheader ul li a').each(function(i, element) 
{ 
    // Capture the existing callback function 
    var originalCallback = element.onclick; 

    // Now, remove it from the elemnet 
    element.onclick = null; 

    // And replace it with our own, which calls the orignal 
    // with the proper context, and prevents the default 
    // event action 
    $(element).click(function(event) 
    { 
    event.preventDefault(); 
    originalCallback.call(window); 
    }); 
}); 

Answer 6

Rechercher dans l'objet preventDefault dans jQuery.

http://api.jquery.com/event.preventDefault/

qui lui permettra de ne pas exécuter d'abord ou en ajoutant return false dans le gestionnaire de clic jQuery. preventDefault peut ne pas fonctionner dans Firefox. Je ne suis pas entièrement sûr.

$("#wxheader ul li a").click(function(){ 
    //do stuff// 
    return false; 
}); 

Ceci est une page de test que j'ai faite avec quelques fonctionnalités ajax sur un lien pour quelqu'un qui essaie de remplacer le clic régulier. C'est la fonctionnalité dont je parle si c'est ce que vous cherchez.

http://testing.kobbyappiah.com/Design_and_Evolve/ajaxTest.html