problème jQuery, jQuery reprend tous les liens à la page

Question

<script type="text/javascript"> 
$(document).ready(function() { 
    $("a").click(function() { 
     $("#results").load("jquery-routing.php", { pageNo: $(this).text(), sortBy: $("#sortBy").val()}); 
     return false; 
    }); 
});  
</script> 

    <div id="results"> </div>  
<a href="jquery-routing.php?p=1">1</a> 
<a href="jquery-routing.php?p=2">2</a> 

ce code fonctionne très bien, seul problème que quand je le lance tous mes liens un href cessent de fonctionner! Les liens deviennent appels jquery ajax .. pourquoi?

Answer 1

Pour cibler des liens spécifiques, utilisez la balise id ou class sur vos balises d'ancrage. E.g.

<a class="link1" href=""></a> 
<a id="link2" href-""></a> 

Notez que les tags d'identification sont uniques dans une page et ne peuvent être utilisés qu'une seule fois. référence ces liens dans jQuery en utilisant:

$('a.link1').click(function() {} 
$('#link2').click(function() {} 

ou vous pouvez combiner les deux:

$('a.link1, #link2').click(function() {} 

Ce que vous devez faire est de attribuer un identifiant ou une étiquette de classe du lien qui appellera la demande ajax. Par exemple. <a class="ajax" href="">ajax</a> et en le référençant avec $('a.ajax').click(function() {}

Answer 2

Vous êtes sélecteur $("a") correspond à tous les <a ...> balises, vous devez changer quelque chose de plus précis:

$("a#someid") 
$("a.someclass") 
$("div#somecontainer a") 

Answer 3

Votre réglage de l'événement onclick de toutes les balises d'ancrage sur la page. Essayez seulement de sélectionner le lien que vous voulez au lieu du $ ("a") plus général

Answer 4

Votre sélecteur $ ("a") indique tous les hiperlink dans votre page.

Vous devrez peut-être donner un identifiant spécifique à hiperlink où vous voulez que votre appel ajax fonctionne, puis changer le sélecteur en fonction de cela.

ex:

<a id= "my-link" href="" >ddd</a> 

$("a#my-link").click()