Então pessoal, estou iniciando na biblioteca jQuery, tenho conhecimento basicão mesmo … Ai tenho que desenvolve um menuzinho tipo um accordion que vai receber o texto de um xml … acontece que algo muito estranho está ocorrendo … antes vejam o código …
Este aqui é o script teste que possui as funções de leitura xml e de animação do menu
var $j = jQuery.noConflict();
$j(document).ready(function(){
leitura_xml( "menu_lateral.xml" );
alert("Leitura xml OK");
animacao_menu();
});
function leitura_xml( url_xml ){
$j.ajax({
type: "GET",
url: url_xml,
dataType: "xml",
error: function(){ alert("Erro na requisição"); },
success: function(xml){
$j(xml).find('link').each( function(){
var nome = $j(this).attr('nome');
var link = $j(this).text();
$j('<h3 id="'+ nome +'"></h3>').html('<a href="'+ link +'">' + nome + '</a>').appendTo('#menu');
var a = $j(this).find('sublink').text();
if ( a.length > 0 ){
$j('<ul id="id_'+ nome +'"></ul>').appendTo('#menu');
}
$j(this).find('sublink').each( function(){
var snome = $j(this).attr('nome');
var sublink = $j(this).text();
$j('<li></li>').html( '<a href="'+ sublink +'">'+ snome +'</a>' ).appendTo('#id_'+ nome );
});
});
}
});
}
function animacao_menu(){
//animação menu
$j('#menu').css('height', 'auto');
$j('#menu ul').hide();
$j('#Leituras, #Materiais, #Jornais').click(function(){
$j(this).next().slideToggle(400).siblings('ul:visible').slideUp(400);
$j(this).toggleClass('corrente');
$j(this).siblings('#menu h3').removeClass('corrente');
});
}
Estou com muitos problemas com a jQuery, por enquanto e tudo novo pra mim, não sei onde posso estar errando
Estou desenvolvendo no AptanaStudio e quando executo o projeto ele roda corretamente no Firefox, mas em qualquer outro navegador não.
Outro mistério kk é que se eu tirar aquele alert que me avisa que a leitura do xml se deu com sucesso a função de animação do menu não funciona corretamente huahauha já nem sei mais o que faze ta mto loko isso aki :shock:
A estrutura do xml que estou lendo é mais ou menos esta:
<menu>
<link nome="AAA"> LINK </link>
<link nome="BBB"> LINK
<sublink nome="CCC"> LINK </sublink>
</link>
</menu>
Algumas das tags link terão subtags chamadas sublinks
Não sei se alguém conseguiu entender o que eu to querendo faze, mas se alguém puder ajudar eu agradeço … Abraços