Ver Mensaje Individual
  #10 (permalink)  
Antiguo 21/04/2010, 22:56
ukix
 
Fecha de Ingreso: febrero-2004
Mensajes: 31
Antigüedad: 20 años, 10 meses
Puntos: 1
Respuesta: Selecciona con jquery un id con class concreto

Cita:
Iniciado por mayid Ver Mensaje
Por que tenes un document.ready dentro de otro?



Esas dos funciones son equivalenes, y la segunda sobra.

Con tanto parentesis y llaves se me coló repetir la misma función.

Código Javascript:
Ver original
  1. // JavaScript Document
  2. var $j = jQuery.noConflict();
  3.  
  4. $j(document).ready(function() {
  5.  
  6.     $j('#formpubli').attr('action', '/modulos/publicidad/back/index.php');
  7.     $j('#formdatos').attr('action', '/modulos/user/back/php/registrado.php');
  8.  
  9.     function clickearEnlace()
  10.     {
  11.         //elimino classs enlaceuser-sel
  12.         $j(this).siblings().removeClass('enlaceuser-sel');
  13.         //agrego class enlaceuser-sel al clickeado asi no puede ser clickeado nuevamente
  14.         $j(this).addClass('enlaceuser-sel');
  15.         //Busco el form dentro de la pestaña clickeada
  16.         form = $j('form', this);
  17.         //Ejecuto la funcion ajaxify con los atributos necesarios
  18.         $j(this).ajaxify({  event: false,
  19.                             forms: form,// formulario que se enviará
  20.                             link: form.attr('action'),// direccion que se carga mediante ajax
  21.                             title: form.attr('title'),
  22.                             target: '#bodydatos',
  23.                             method:'POST'
  24.                         });
  25.     }
  26.  
  27.     //a todos los div con class enclace que sean hijos directo de div con id pesthanas y que no tengan class clase-sel le asigno permito el click
  28.     $j("#pestanhas>div.enlaceuser:not(.enlaceuser-sel)").live('click', clickearEnlace);    
  29. });



Y su respectivo html
Código HTML:
Ver original
  1. <div id="pestanhas">
  2.     <div class="enlaceuser enlaceuser-sel"><form method="post"  id="formdatos" title="Datos de usuario" >{TUSDATOS}<input id="autorizado" name="autorizado" type="hidden" value="true" /></form></div>
  3.     <div class="enlaceuser"><form method="post"  id="formpubli" title="Publicidad" >{PUBLICIDAD}<input id="autorizado" name="autorizado" type="hidden" value="true" /></form></div>
  4.     <!--<div id="peseventos" class="enlaceuser">{EVENTOS}</div> -->
  5.     <div class="clear"></div>
  6. </div>