3

O menu precisa permanecer aberto enquanto eu clico em qualquer lugar do documento ou da tela, porém, quando eu clicar no dropdown de um segundo menu, ele deve fechar o anterior, e também precisa abrir e fechar clicando no dropdown.

Meu código do bootstrap:

 $(function() {
    $('.dropdown.opened')
    .on({
        "shown.bs.dropdown": function() { 
            this.closable = ($('.dropdown.open').length > 1) ? true : false 
         },
        "click":             function() { this.closable = true; 
        if (($('.dropdown.open').length > 1)) {
           $('.dropdown.opened').removeClass('open');
          }

        },
        "hide.bs.dropdown":  function() { return this.closable; }
    });
 });

Veja que na regra estou verificando se existe ao menos 1 aberto, então ele muda o comportamento, de dropdown, porém ele deveria fechar todos os menus quando eu clico em outro qualquer ou no mesmo dropdown, e começar o processo de dropdown novamente.

Veja o menu no JSIDDLE

3 Respostas 3

1

Já resolvi o problema, bastou fazer um trigger no botão:

$(function() {
    $('.dropdown.opened')
    .on({
        "shown.bs.dropdown": function() { 
            this.closable = ($('.dropdown.open').length > 1) ? true : false 
         },
        "click":             function() { this.closable = true; 
        $('.dropdown.opened.open').trigger('click');

        },
        "hide.bs.dropdown":  function() { return this.closable; }
    });
 });
0

Uma solução: Remover a verificação if (($('.dropdown.open').length > 1))

$(function() {

$('.dropdown.opened')
.on({
    "shown.bs.dropdown": function() { this.closable = ($('.dropdown.open').length > 1) ? true : false },
    "click":             function() { this.closable = true; 
       $('.dropdown.opened').removeClass('open');

    },
    "hide.bs.dropdown":  function() { return this.closable; }
})

});

Veja o menu no JSIDDLE

3
  • Segue jsfiddle com sua alteração caso queira adicionar a resposta e +1 :)
    – Brunno
    Commented 14/04/2016 às 13:42
  • Não @Brunno, o dropdown não está fechando, isso não soluciona o problema... Commented 14/04/2016 às 14:21
  • Você só deixou ele travado... Não é isso que preciso, preciso que o menu seja "dropdown", ou seja, quando clico nele 1ª vez abre e na 2ª vez ele fecha. Eu editei a pergunta para ficar mais claro, ok? Commented 14/04/2016 às 14:30
-1

Como parâmetro do removeClass deve ser passado a string 'opened'. Se você remover a classe 'open', ele irá ficar travado. Segue o fiddle:

http://jsfiddle.net/1Lgkbget/6/

(Alterei do nosso amigo acima)

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 .