-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
$.noConflict(); jQuery(document).ready(function($) { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); });
Este funciona para el calendario.
Código Javascript:
Aqui se llama al vtip.jsVer original
jQuery(document).ready(function($){ setTimeout(function() {$('#mensaje').fadeOut('fast');}, 3000); });
Código Javascript:
Ver original
this.vtip = function() { this.xOffset = -10; // x distance from mouse this.yOffset = 10; // y distance from mouse $(".vtip").unbind().hover( function(e) { this.t = this.title; this.title = ''; this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset); $('body').append( '<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>' ); $('p#vtip #vtipArrow').attr("src", 'vtip_arrow.png'); $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("fast"); }, function() { this.title = this.t; $("p#vtip").fadeOut("fast").remove(); } ).mousemove( function(e) { this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset); $("p#vtip").css("top", this.top+"px").css("left", this.left+"px"); } ); }; 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 :(