JQUEY em JSF

2 respostas
java
C

Aparentemente qualquer função jquery não funciona.
segue meu codigo:

XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"	> 
      
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Painel de Controle</title>
<meta name="robots" content="noindex, nofollow" />

<link href='http://fonts.googleapis.com/css?family=Dosis:200;400,600,800' rel='stylesheet' type='text/css'></link>
<link rel="icon" type="image/png" href="../../tpl/images/upico.png"></link>


<h:outputStylesheet library="css" name="painel.css" />
<h:outputStylesheet library="css" name="pages.css" />
<h:outputScript library="js" name="jquery.js" />
<!-- <h:outputScript library="js" name="jquery.mask.js" /> -->
<h:outputScript library="js" name="hora.js" />
<h:outputScript library="js" name="controler.js" />

<!-- <script type="text/javascript"> -->
	
<!-- </script> -->



</h:head>
<h:body>

<!-- HEADER -->
<div id="header">
	<div class="content" id="content">
    	<div class="logo"><img src="../img/logopanel.png" alt="Painel de Controle" title="Painel de Controle" /></div><!--/logo-->
             
        <h:form>
      
	        <ul class="controle" id="controle">
	        	<li class="li"><a title="Home" id="panel" class="panel">Home</a></li><!--/-->
				
				<li class="li"><h:commandLink title="Posts" styleClass="post"><f:verbatim>Posts</f:verbatim></h:commandLink>				
					<f:verbatim>
	            	<ul class="submenu">
	            		<li><h:commandLink title="Gerenciar Posts" styleClass="ger"><f:verbatim>Gerenciar Posts</f:verbatim></h:commandLink></li>
	                </ul><!--/submenu-->
	                </f:verbatim>
	            </li><!--/-->
	            
	            <li class="li" id="li"><a title="Categorias"  class="cats">Categorias</a>
	            	<ul class="submenu" id="submenu" >
	                	<li><a title="Gerenciar Categorias"  class="ger">Gerenciar Categorias</a></li>
	                    <li><a title="Adicionar Nova"  class="add j_addcat">Adicionar Nova</a></li>
	                </ul><!--/submenu-->
	            </li><!--/-->
	        
	            <li class="li"><a title="Comentários"  class="coms">Comentários</a></li><!--/-->
	            <li class="li"><a title="Usuário"  class="user">Usuários</a></li><!--/-->
	            <li class="li"><a title="Configuração"  class="conf">Configurar</a></li><!--/-->
				
				<li class="li">
					<h:commandLink action="#{autenticadorBean.actionAutentica}" actionListener="#{autenticadorBean.registraSaida}" title="Sair" styleClass="exit">
				  		<f:verbatim>SAIR</f:verbatim>				  		
					</h:commandLink>
				</li>
				
	        </ul><!--/controle-->
	     
        </h:form>
     
       
        
        
    
    <div class="clear"></div><!-- /clear -->
    </div><!-- /content -->
</div><!--/header-->

<div class="site">
	
	<ui:include src="/admin/sis/home.xhtml"></ui:include>	
	
</div>

<ui:include src="/admin/inc/footer.xhtml"></ui:include>

</h:body>
</html>

JQUERY

$(document).ready(function(){	
//EFEITO DO MENU PRINCIPAL

//controla submenus
$('.control .li').mouseenter(function(){
	alert("desce");
    $(this).find('.submenu').slideDown("fast");//se tiver submenu ele desce.
    
}).mouseleave(function(){
	 alert("sobe");
    $(this).find('.submenu').slideUp()("fast");//após tirar o mouse o submenu sobe.
   
});     }

o jquery esta em um arquivo

<h:outputScript library=“js” name=“controler.js” />

tentei carregar o jquery de 4 formas:

<h:outputScript library="js" name="jquery.js" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="jquery.js"></script>
<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/js/jquery.js"/>

Tenho certeza que chama mas não executa nada de JQUERY só javascript normal.

O que pode ser?

2 Respostas

fabioqb

Qual erro aparece no console do navegador (modo debug)?

C

Ai que ta, não aparece nenhum erro, ela chega em cima da função mas não entra.

Criado 19 de fevereiro de 2016
Ultima resposta 19 de fev. de 2016
Respostas 2
Participantes 2