2

Possuo um menu com quatro itens. O menu é gerenciável, não é feito manual via HTML.

Quero modificar um link no primeiro item do Menu, tenho como fazer isso com Jquery? Não sei nem como procurar para fazer isso.

Por exemplo:

<li class='classe' onclick='window.location=\"/paginaSYS\"'><a href='/paginaSYS'>tituloSYS</a></li>

Com esse código de cima, e com o gerenciador eu consigo gerar os quatro itens do menu, porém quero inserir um link quando o usuário clicar no primeiro item.

Eu quero que quando o usuário clique no primeiro item do Menu, ele não abra o html gerado pelo gerenciador, mas sim uma URL que eu ordenar.

Se ele clicar em ITEM 1 - não enviar para a página gerada pelo gerenciador. www.site.com/menu1 quero que envie para um endereço que eu desejar.

Pensei em fazer um redirecionamento.

3
  • Seja um pouco mais específico. Você deseja adicionar 1 link em 1 primeiro texto que vier, ou você deseja adicionar 1 ítem que fique como primeiro da lista? Ex: Posso criar um <a> e deixar como primeiro da lista ou pegar o primeiro<a> da lista e adicionar o atributo href="o que quiser" mesmo que o href="" seja vazio no início do elemento. Commented 11/03/2014 às 17:09
  • Não sei se apenas para mim, mas creio que sua duvida não tenha ficado clara o suficiente. Poderia editar e tentar ser mais específico por gentileza? Commented 11/03/2014 às 17:09
  • Acabo de editar, me digam se ficou melhor de entender agora. Commented 11/03/2014 às 17:13

3 Respostas 3

4

Talvez algo assim:

// Delega um evento de clique para a primeira âncora do menu mesmo que tenha sido criada após o primeiro carregamento do DOM.
$(document).on('click', '#menu a:first', function(event) {

    // Previne que a ação padrão da âncora (O redirecionamento) seja executada.
    event.preventDefault();

    // Redireciona o documento atual para outro URL.
    document.location = 'http://example.com';

});
3
  • Ainda não está funcionando. Eu criei um ID chamado #primeiro, apenas para ele pegar o primeiro elemento com o Jquery que você passou. Commented 11/03/2014 às 17:35
  • Talvez adaptar o seletor ajude... Pode colar um pedaço da estrutura HTML do menu para facilitar? Commented 11/03/2014 às 17:40
  • Oi. Esse é o HTML. <li class='paginapadraoMenuBt paginapadraoMenuDupSel paginapadraoMenuDup' onclick='window.location=\"/paginaSYSurlSYS\"'><a href='/paginaSYSurlSYS'>tituloSYS</a></li> Commented 11/03/2014 às 17:45
3

Exemplo: http://jsfiddle.net/uASJ9/

Fiz da seguinte maneira:

    $(document).ready(function(){
    $( "#menu a:first" ).attr( "href", "http://pt.stackoverflow.com" );
});
3
  • Fiz isso: <li id='primeiro' class='paginapadraoMenuDup' onclick='window.location=\"/paginaSYSurlSYS\"'><a href='/paginaSYSurlSYS'>tituloSYS</a></li> E no Jquery $( "#primeiro a:first" ).attr( "href", "google.com.br" ); mas não funcionou Commented 11/03/2014 às 17:27
  • Não sei por qual motivo você tem um onclick, não utilize eventos chamados inline. Prefira usar no próprio jQuery. Dá uma olhada aqui, fiz com ul e li para você: jsfiddle.net/uASJ9/1 Commented 11/03/2014 às 17:36
  • boa Ronny, simples!
    – Mattos
    Commented 11/03/2014 às 17:41
2

Consegui resolver com o seguinte código:

$(".paginapadraoMenuBt:first").attr( "onclick", "window.open('http://www.google.com.br')");
1
  • Argh! Por que substituir o atributo? Eu usaria a solução do Diego.
    – bfavaretto
    Commented 11/03/2014 às 18:30

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 .