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$.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
:
Ver originaljQuery(document).ready(function($){
setTimeout(function() {$('#mensaje').fadeOut('fast');}, 3000);
});
Aqui se llama al vtip.js
Código Javascript
:
Ver originalthis.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 :(