Ola Pessoal,
Iniciando aprendizado sobre Jquery...
Estou seguindo o tutorial no Maujor
http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/
para criar uma janela modal.
Tenho uma pagina chamada Content.jsp (página padrão), nessa página
tenho um div chamado "mostraConteudo" para chamar o conteúdo estou
utilizando ajax, desta forma:
<li><a href="#" onclick="javascript:getModal(<%out.println(idUsuario);
%>);">teste modal</a></li>
a função javascript carrega a página exemplificada pelo Maujor:
function getModal(idUsuario) {
openpage('jquery-modal-window.html', 'mostraContent');
}
A página é carregada no content com sucesso, porem quando clico no
link não acontece nada. Já coloquei a função javascript que aciona o
jquery na página content, mas também não funcionou.
Pelo que entendi até o momento sobre jquery, quando uma página é
carregada, utilizando a função “$(document).ready(function() {“ o
jquery faz a varredura e visualiza todas as marcações da página,
aparentemente, no meu caso não funcionou pois quando carrego a página
"Content.jsp" os elementos da página "'jquery-modal-window.html"
ainda não estão carregado, visto que é chamado logo em seguida, então
quando se clica no link para chamar a função o jquery e mostrar a
janela modal não acontece nada.
Alguém tem uma dica para solucionar esse problema?
Obrigado!