Tema: Problemas con los eventos JQUERY
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/09/2011, 22:36
experimenta
 
Fecha de Ingreso: abril-2010
Mensajes: 159
Antigüedad: 14 años, 1 mes
Puntos: 11
Problemas con los eventos JQUERY
Hola muchas gracias por sus respuestas.

no he trabajado con jquery, pero quisiera me dieran una solución
tengo un archivo PHP el cual recibe la peticiones Ajax(jquery).
es de la siguiente manera
Código PHP: 
Ver original
  1. if(isset($_POST['categoria']))
  2. {
  3.    switch($_POST['categoria'])
  4.      {
  5.           case 'inicio': echo 'aki la seccion inicio'; break;
  6.           case 'contacto': echo 'aki la seccion contacto'; break;
  7.           case 'registro': echo 'aki la seccion registro'; break;
  8.  
  9.       }
  10. }
En jQuery asi!
Código Javascript: 
Ver original
  1. $(function(){
  2.      $('em').css({
  3.          "font-size":"10px",
  4.          "color":"#333",
  5.          "text-shadow":"1px 1px 5px #3399FF",
  6.          "background":"#F0F0F0"
  7.          });
  8.     //////////   
  9. $('select').change(function(){
  10.     if($(this).val()== 'otro'){ 
  11.     
  12.         alert('blbla funcion');
  13.      }
  14. });
  15.  
  16.      });
  17.  
  18.      //ALTERNATIVA SI NO FUNCIONA
  19. function check()
  20. {
  21.     $('select').change(function(){
  22.     if($(this).val()== 'otro'){ 
  23.     
  24.         alert('blbla funcion');
  25.      }
  26. });
  27. }

Ahora el problema es no da estilo a las etiquetas 'em' y no hace peticiones ni siquiera Firebug detecta las peticiones.
funciona normalmente si lo hago en una pagina idependiente o si llamo a la funcion alternativa check con onchange.
acaso $(function(){ o $(document).ready(function(){ solo funciona para el contenido actual y no la respuesta devuelta por una petición.

un ejemplo para que se guien.

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <script type="text/javascript" src="js/jQuery.js"></script>
  7. <script type="text/javascript">
  8. $(function(){
  9.     $('em').css({
  10.          "font-size":"10px",
  11.          "color":"#F00",
  12.          "background":"#F0F0F0"
  13.          });
  14.          
  15.          
  16. $('div').click(function()
  17. {
  18.     //alert('has clickeado');
  19.     $('div:eq(1)').html('<br><em>Click 2 con contenido em Mas ');
  20.     $('div:eq(2)').html('<span>click y no hago naa!!</span>');
  21. });
  22.  
  23. $('span').click(function()
  24. {
  25.     alert('span :D');
  26. });
  27. });
  28. </script>
  29. </head>
  30.  
  31. <body>
  32. <em>Click 2 con contenido em</em>
  33. <div>Click</div>
  34. <div></div>
  35. <div></div>
  36. </body>
  37. </html>

COMO VEN ES CASI SIMILAR A LA RESPUESTA DE UNA PETICIÓN POST.
AL DAR CLICK FUNCIONA NORMAL PERO NO HAY EFECTO PARA 'em'.

Tampoco el evento click para 'span' Funciona, es algo o casi igual al script que estoy
tratando de trabajar.
por favor una ayuda :D