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?