Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/12/2011, 10:55
Avatar de chipilofan
chipilofan
 
Fecha de Ingreso: mayo-2011
Ubicación: México
Mensajes: 59
Antigüedad: 13 años, 5 meses
Puntos: 3
Pregunta Problemas con $(document).ready(function()

Hola tengo un problema estoy usando jQuery.js y vtip.js

-El jQuery lo uso para moverme entre pestañas con ajax.js
- Y tambien uso el jQuery para un calendario con vtip.js

El problema es que los dos tienen una funcion llamada:
$(document).ready(function()

Y el segundo que he mencionado (calendario) no me funciona correctamente les presento los scripts, espero puedan ayudarme de antemano muchas gracias.

Con este funciona las navegar por las pestañas.
Código Javascript:
Ver original
  1. $.noConflict();
  2. jQuery(document).ready(function($)
  3. {
  4.     $(".tab_content").hide();
  5.     $("ul.tabs li:first").addClass("active").show();
  6.     $(".tab_content:first").show();
  7.  
  8.     $("ul.tabs li").click(function()
  9.        {
  10.         $("ul.tabs li").removeClass("active");
  11.         $(this).addClass("active");
  12.         $(".tab_content").hide();
  13.  
  14.         var activeTab = $(this).find("a").attr("href");
  15.         $(activeTab).fadeIn();
  16.         return false;
  17.     });
  18. });

Este funciona para el calendario.
Código Javascript:
Ver original
  1. jQuery(document).ready(function($){
  2.             setTimeout(function() {$('#mensaje').fadeOut('fast');}, 3000);
  3.         });
Aqui se llama al vtip.js
Código Javascript:
Ver original
  1. this.vtip = function() {    
  2.     this.xOffset = -10; // x distance from mouse
  3.     this.yOffset = 10; // y distance from mouse      
  4.    
  5.     $(".vtip").unbind().hover(    
  6.         function(e) {
  7.             this.t = this.title;
  8.             this.title = '';
  9.             this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
  10.            
  11.             $('body').append( '<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>' );
  12.                        
  13.             $('p#vtip #vtipArrow').attr("src", 'vtip_arrow.png');
  14.             $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("fast");
  15.            
  16.         },
  17.         function() {
  18.             this.title = this.t;
  19.             $("p#vtip").fadeOut("fast").remove();
  20.         }
  21.     ).mousemove(
  22.         function(e) {
  23.             this.top = (e.pageY + yOffset);
  24.             this.left = (e.pageX + xOffset);
  25.                          
  26.             $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
  27.         }
  28.     );            
  29.    
  30. };
  31.  
  32. jQuery(document).ready(function($){vtip();})

El calendario funciona correctamente si esta en otra carpeta es decir donde no tiene que toparse con la funcion que llama a al jQuery.js y ajax.js

Espero puedan ayudarme y explicarme por que el error al usarlos juntos.
Nota: He leido que para que no de conflictos $.noConflict(); y cambiar $ por jQuery, pero aun asi no funiona :(
__________________
El silencio es el arma mas grande del mundo... [Ignacio Recinos]
Pensando en la Web