Problema selector evento click de jquery

[kerfer]

Buenas noches.

Estoy teniendo un problema con un evento click de jquery.

Mi codigo del html es...

Código:

<h3><strong>Delegaciones</strong></h3>
<p>Seleccione un país en el listado para ver las delegaciones:</p>
<ul class="delegaciones listaEnlaceEstandar">

<li id="ajaxpais"><a href="/sedes/sede_0001.html">España</a></li>

<li id="ajaxpais"><a href="/sedes/sede_0002.html">Portugal</a></li>

									
</ul>

Y el codigo javascript...

Código:

$(document).ready (function() {
	jQuery("#ajaxpais a").bind("click", function(e) {
	
		e.preventDefault();
		var src = this.href;
		alert(src);		
		//$("div#ajaxsede").load(src);

	});
});

El problema me esta dando en que cuando hago click sobre el enlace <a> de Portugal, no salta el alert de javascript y me manda al sede_0002.html. Mientras que si hago click en España, si salta el evento javascript mostrando el alert.

He probado ya de todo y no consigo que se me asocie el evento a los dos enlaces. ¿Tal vez haya algo por lo que solo se me asocia el evento al primer enlace?

Saludos

[juaniquillo]

El problema es que no puedes tener dos id iguales en una misma pagina. Hazlo usando classes. Yo lo lo haría así:

Código HTML:

$(document).ready(function() {
    $('.ajaxpais a').click(function() {
        alert(this.href);
        return false;
    });
})

Código HTML:

<h3><strong>Delegaciones</strong></h3>
<p>Seleccione un país en el listado para ver las delegaciones:</p>
<ul class="delegaciones listaEnlaceEstandar">

<li class="ajaxpais"><a href="/sedes/sede_0001.html">España</a></li>

<li class="ajaxpais"><a href="/sedes/sede_0002.html">Portugal</a></li>

                                    
</ul> 

Si validaras tu página el validador de la W3C te lo diría.

[kerfer]

Tenias razon. Ni me habia dado cuenta.

El problema ahora esta en que cuando hago click en el enlace, me manda directamente a la otra pagina y no la carga por ajax.

¿En principio el metodo preventDefault() no deberia de evitar la llamada del href?

El script es...

Código:

$(document).ready (function() {
	jQuery(".ajaxpais a").bind("click", function(e) {
	
		e.preventDefault();
		var src = this.href;	
		$("div#ajaxsede").load(src);

});

[juaniquillo]

para que no se envíe el enlace dale un 'return false' como lo hice yo en arriba. ademas. lo que quieres es poner el contenido de 'src' en un div no uses load ya que no estas cargando nada externo. usa la funcion 'html()' de JQuery:

Código HTML:

$(document).ready(function() {
  $('.ajaxpais a').click(function() {
    var src = this.href;
    //alert(src);
    $("div#ajaxsede").html(src);
    return false;
  });
})