jQuery - Funcion load funciona, pero bloquea demás eventos

Krato · #1 (**permalink**) 11/01/2010, 09:37

Hola, se que el título no es muy descriptivo pero no consigo solucionar un problema que tengo.

Uso jQuery.

Cargo mediante la función load una entrada de el blog (es una plantilla para WP) en un div. Y funciona, pero despúes no me funcionan ningunos de los eventos jQuery que hay en la página. Dan como resultado NULL.

No se si es que al cargar la página pierde la otra, o que pasa, pero ni siquiera un evento click de jQuery funciona ya que dice que el objeto es null.

Este es el código que utilizo, que es muy simple:

Código Javascript:

Ver original$('.read_more a').click(function(){
        var idd = $(this).attr("href");
        $("#entry_container").load('?p='+idd);  
        return false;
    });

La id la recoge del atributo href para carga la noticia sobre la que se pulsa leer más.

Alguna idea?

Gracias por adelantado.

PD -> SI alguien quiere ver la página que me mande un privado :D

mayid · #2 (**permalink**) 11/01/2010, 09:47

PAra el load tendrias que poner una ruta mas completa:

$("#entry_container").load('?p='+idd);

Escribi, por ejemplo: index.php?p='+idd

Krato · #3 (**permalink**) 11/01/2010, 09:52

Pero ¿porque razón? No me malinterpretes quiero saberlo.

Con

Código Javascript:

Ver original$("#entry_container").load('?p='+idd);

me funciona bien, vamos me carga.

Aunque he probado tu solucion que también carga la entrada, pero me sigue bloqueando otros eventos como por ejemplo un hover que tengo sobre unas imágenes.

Gracias por tu respuesta pero alguna idea más?

SergeMedina · #4 (**permalink**) 11/01/2010, 11:56

Los eventos de los que hablas ¿estan en la pagina que cargas a traves de load?

mayid · #5 (**permalink**) 11/01/2010, 12:07

Simple. Si cargas una pagina, tenes que declarar el nombre de la pagina, y luego pasarle las variables GET.

Si te funciona sin nombre de pagina, ok. Pero no te mal acostumbres, eh.

Respecto a los errores que genera esa carga, la verdad no tengo nada que decir. Eso no debiera pasar.

Dany_s · #6 (**permalink**) 11/01/2010, 16:30

usa el evento live para eventos en elementos creados dinamicamente

Código HTML:

      $('.read_more a').live('click', function(){
          var idd = $(this).attr("href");
          $("#entry_container").load('?p='+idd); 
            return false;
      });

Krato · #7 (**permalink**) 12/01/2010, 01:45

Cita:

Iniciado por SergeMedina

Los eventos de los que hablas ¿estan en la pagina que cargas a traves de load?

Haber. Cargo una entrada (una página) en un div. Pero los eventos jquery que estan en otros divs dejan de funcionar.

Cita:

Iniciado por mayid

Simple. Si cargas una pagina, tenes que declarar el nombre de la pagina, y luego pasarle las variables GET.

Si te funciona sin nombre de pagina, ok. Pero no te mal acostumbres, eh.

A que te refieres con el nombre de la Página?

Cita:

Iniciado por Dany_s

usa el evento live para eventos en elementos creados dinamicamente

NO, esos elementos estan cargados previamente con php.

------------

Gracias por todas vuestras respuestas haber si encuentro alguna solución.

Dany_s · #8 (**permalink**) 12/01/2010, 04:07

Cita:

Cargo mediante la función load una entrada de el blog

¿Los eventos no te funcionan en los elementos de la entrada que cargas con load? porque ahi si estas creando elementos nuevos.

Se me hace que ni probaste jeje

Krato · #9 (**permalink**) 12/01/2010, 04:37

Haber.

Imaginaros que tengo 2 divs. En uno cargo ciertas imágenes, eventos, etc. Y en el segundo div al pulsar un botón cargo un contenido.

Después de cargar el contenido en el 2 div, no me funcionan los eventos del div 1 donde tenía cargados y funcionaban correctamente antes los eventos.

Queda más claro ahora?

Gracias por vuestras respuestas y siento no haberme expresado con total claridad.

Dany_s · #10 (**permalink**) 12/01/2010, 05:07

como veo estas cargando la página completa en la misma página en el div #entry_container por lo tanto vas a cargar otro otro div con el id #entry_container y ahi el conflicto

como esto que no funciona porque cargo todo lo que está en el body dentro dentro del div y ahi se está repitiendo el id

Código HTML:

<html>
<head>
    <title>Prueba</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('a').click( function (){
            alert("funciona");
            $("#entry_container").load("?asd=asd");
        });
    });
    </script>
</head>
<body>
  <div id="entry_container"><a href="#" id="asd">Carga</a></div>
</body>
</html>

Krato · #11 (**permalink**) 12/01/2010, 05:15

Gracias por tu idea pero no acabo de comprenderla. Quieres decir, que al cargar la página dentro de ese div, se está repitiendo algun id y por eso falla?

Y si es eso como soluciono el problema?

Dany_s · #12 (**permalink**) 12/01/2010, 05:19

eso mismo

pasame la página para ver y veo porque no entiendo que quieres lograr

Krato · #13 (**permalink**) 12/01/2010, 05:32

Lo estoy ejecutando en mi localhost. Esta tarde la subo a mi servidor y te paso la url con un MP.

Muchas gracias nano!

Krato · #14 (**permalink**) 14/01/2010, 03:54

Te acabo de enviar el MP :D

lodoman · #15 (**permalink**) 11/02/2011, 13:14

yo tengo una pagina con varios plugins jquery y cuando me pasa eso es por que hay un error en algun script intenta debugear tus scripts con firebug de mozila firefox