Usando o jQuery noConflict () com script.aculo.us
Tenho um site usando um "widget" (dehttp: //healcode.co) que inclui o script.aculo.us Biblioteca JavaScript. O problema é que o site que estou construindo está no WordPress, então existe o clássicojQuery
vsscript.aculo.us
conflito.
Sei que preciso executar o jQuery em.noConflict()
odo @, mas devo estar com a sintaxe errada. Quando atribuo o$
para jQuery.noConflict
da seguinte forma, ele ainda desliga as funções script.aculo.us:
var $ = jQuery.noConflict();
$(document).ready(function () {
//#nav-main dropdown effects
$('#nav-main ul li').hoverIntent(function () {
$(this).find('.dropdown').stop(true,true).slideDown('900'); },
function(){
$(this).find('.dropdown').stop(true,true).slideUp('500');
});
}); // end document.ready
Sei que estou atribuindo o$
para jQuery em.noConflict()
e suponho que script.aculo.us (que é carregado através de um widget no corpo principal, portanto APÓS o jQuery) está tentando reatribuir o$
voltar para script.aculo.us.
Como posso atribuir o$
ao jQuery de forma que a biblioteca script.aculo.us carregada posteriormente não entre em conflito? Eu já tentei o seguinte sem êxito (o código a seguir faz com que script.aculo.us funcione, mas o jQuery falha):
jQuery(document).ready(function () {
//#nav-main dropdown effects
jQuery('#nav-main ul li').hoverIntent(function () {
jQuery(this).find('.dropdown').stop(true,true).slideDown('900'); },
function(){
jQuery(this).find('.dropdown').stop(true,true).slideUp('500');
});
}); // end document.ready
EDITA
A saída do console de depuração para o código acima é:
Uncaught TypeError: Object #<HTMLDocument> has no method 'ready' (anonymous function)
então o document.ready falha porque está atribuído ao jQuery, que de alguma forma não está carregando corretamente ...
EDIT 2
s duas respostas (no momento desta atualização) postadas abaixo não fazem nada para solucionar o problema que estou enfrentando. Talvez eles estejam tecnicamente corretos, mas não solucionam meu problema.