Problema ao carregar jQuery no JSF 2[Resolvido]

20 de agosto de 2012 3 respostas

lucas_carvalho100 20 de agosto de 2012

Pessoal bom dia,

Estou com um problema ao utilizando o JSF 2.

Quando rodo a página ele não carrega nd do jQuery, quando mostro o código fonte da página ele nem apresenta os links do jQuery, alguém sabe o motivo desse problema? Fiz um arquivo javascript só pra testar e nem esse arquivo ele carregou…

Segue o trecho do código.

<h:outputScript library="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"  target="head"/>
	 <h:outputScript library="javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js" target="head"/>
	 <h:outputScript library="javascript" src="javascript/teste.js" target="head"/>
	 <h:outputStylesheet library="css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css" /> 
     <h:outputStylesheet library="css"	href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/cupertino/jquery-ui.css" />
	<script language="JavaScript">  
		$(document).ready(function() {

			//jQuery('#datatable').tablePagination();
			alert('teste');
			$("#tabela").tablePagination();
			$("#tabela").dataTables();

		});
		
	</script>

3 Respostas

diogozero 20 de ago. de 2012

Você não precisa declarar novamente as bibliotecas do jQuery caso você utilize alguma biblioteca com JSF2 (Primefaces, Richfaces, etc.)
Eles já vem com o jQuery incluido. Verifique se o problema não é esse.

maransi 20 de ago. de 2012

Lucas

Todos os objetos que são expostos numa aplicação web (css, js, images, etc) podem ficar na pasta de resouces da sua aplicação. Primeira coisa que vc poderia fazer é baixar todos os scripts e css do JQuery e descarregá-los na pasta resources.
Segundo, após fazer isto, vc poderá referenciar as sub-pastas do resources através do “library” das tags <h:outputStylesheet e <h:outputScript . Quando estas tags não encontram os arquivos na pasta resources ele não cria nem os comando de <script no html gerado. Talvez isto é o que está acontecendo com vc:

O seu código está:

<h:outputStylesheet library=“css” href=“http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css” />

O seu comando além de ir na web pegar o arquivo css e js, diz ao JSF para ir na pasta resources/css da aplicação para pegar o arquivo, acho q isto é que está se dando errado.

Tente isto, se não der certo. Veja o seu web.xml, verifique se ele está se referindo ao url-pattern como .jsf e não da maneira como alguns fazem faces/. Depois eu explico melhor esta situação, por enquando deixe como *.jsf.

Boa sorte

Marco

lucas_carvalho100 20 de ago. de 2012

Pessoal troquei para o método “tradicional” de chamada de recursos e funcionou.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" />	
	<script	src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js" />
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css" type="text/css" />
	<link rel="stylesheet"	href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/cupertino/jquery-ui.css" type="text/css" />

Obrigado pela ajuda.

Criado 20 de agosto de 2012

Ultima resposta 20 de ago. de 2012

Respostas 3

Participantes 3

3 Respostas

Topicos relacionados