2

Estou usando javascript para selecionar o menu para abrir a pagina que eu selecionei,o menu já está ficando selecionado porem não tá abrindo as páginas. E o evento do click está funcionando quando eu clico no menu.

$(document).ready(function() {
$('ul.form li a').click(

    function(e) {
        e.preventDefault(); // prevent the default action
        e.stopPropagation; // stop the click from bubbling
        $(this).closest('ul').find('.selected').removeClass('selected');
        $(this).parent().addClass('selected');
        alert('Chegou !!'); // Para testar o evento...
    });});

Menu.xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:h="http://xmlns.jcp.org/jsf/html">

<nav class="aw-menu">
    <ul class="form">
        <li class="selected">
            <h:link class="a" outcome="/page/main.xhtml"><i class="fa  fa-fw  fa-home"></i>Início</h:link>
        </li>

        <li>
            <h:link outcome="/page/req/cons_requerimento.xhtml"><i class="fa  fa-fw  fa-newspaper-o"></i>Bônus Pecuniário</h:link>

        </li>                   

        <li>
            <h:link outcome="/page/seg/cons_usuario.xhtml"><i class="fa  fa-fw  fa-user"></i>Usuários</h:link>
        </li>

        <li>
            <h:link outcome="/page/seg/form_usuario_alt_senha.xhtml"><i class="fa  fa-fw  fa-lock"></i>Alterar Senha</h:link>
        </li>

    </ul>
</nav>

4
  • o ev.PreventDefault() impede de que sua página seja redirecionada ao clicar, você vai precisar pegar o link da página e abri-lá pelo javascript Commented 21/05/2016 às 14:43
  • Como eu faço isso ?
    – robsonp
    Commented 21/05/2016 às 15:51
  • Você pode pegar o atributo href do link e depois dar um window.location.href, sabe ? Commented 21/05/2016 às 16:31
  • Tentei aqui mais ainda não consegui
    – robsonp
    Commented 21/05/2016 às 16:40

1 Resposta 1

0

Teste, pegando o atributo href do link renderizado deste modo:

$(document).ready(function() {
$('ul.form li a').click(
    function(e) {
        e.preventDefault(); // prevent the default action
        e.stopPropagation; // stop the click from bubbling
        $(this).closest('ul').find('.selected').removeClass('selected');
        $(this).parent().addClass('selected');
        var href = this.getAttribute('href');
        window.location.href = href;
    });});
2
  • Tá chamando a página, porem o menu não fica selecionado, na pagina que esta aberta
    – robsonp
    Commented 21/05/2016 às 17:35
  • Desculpa, não entendi, seja mais específico... Commented 21/05/2016 às 17:36

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .