Bootstrap: Dica de ferramenta + lista suspensa

Criado em 25 ago. 2013 · 3Comentários · Fonte: twbs/bootstrap

Oi,

Eu tenho um menu suspenso e adiciono uma dica de ferramenta no link que abre o menu suspenso.

Uma vez adicionada a dica de ferramenta, a lista suspensa não funciona.

este é o código:

<li class="dropdown">
    <a href="#" data-toggle="dropdown" data-placement="bottom" data-toggle="tooltip" data-original-title="Text" rel="tooltip">
        Click
    </a>
    <div class="dropdown-menu">
        Dropdown menu
    </div>
</li>

Fonte

kamov

Comentários muito úteis

Oi,

sim, consegui consertar, então removo minha última postagem.

trabalhando desta forma (para outros):

<li class="dropdown">
     <a href="#" data-placement="bottom" title="Text" class="my-tooltip my-dropdown" data-toggle="dropdown">
         Click
     </a>
     <div class="dropdown-menu">
         Dropdown menu
     </div></li>

e em javascript:

$ ('. meu-dropdown'). dropdown ();
$ ('. meu-dropdown'). tooltip ();

kamov em 26 ago. 2013

👍2

Todos 3 comentários

é porque a última tag "data-toggle" substitui a primeira dada-toggle = "dropdown", você não pode usar tags duplicadas.

acaciovilela em 25 ago. 2013

👍2

sua declaração javascript está duplicada

mudar para isso:

$ ('. meu-dropdown'). dropdown ();
$ ('. my-tooltip'). tooltip ();

veja se funciona bem.

26/08/2013 kamov [email protected]

Oi,
obrigado!
então, como fazer funcionar?
Eu tento desta forma:

Menu suspenso
e em javascript:
$ ('. my-dropdown'). dropdown (); $ ('. my-dropdown'). tooltip ();
Mas ainda não está funcionando o menu suspenso.
-
Responda a este e-mail diretamente ou visualize-o em Gi tHubhttps: //github.com/twbs/bootstrap/issues/10143#issuecomment -23258974
.

acaciovilela em 26 ago. 2013

👍2

Oi,

sim, consegui consertar, então removo minha última postagem.

trabalhando desta forma (para outros):

<li class="dropdown">
     <a href="#" data-placement="bottom" title="Text" class="my-tooltip my-dropdown" data-toggle="dropdown">
         Click
     </a>
     <div class="dropdown-menu">
         Dropdown menu
     </div></li>

e em javascript:

$ ('. meu-dropdown'). dropdown ();
$ ('. meu-dropdown'). tooltip ();

kamov em 26 ago. 2013

👍2

Esta página foi útil?

0 / 5 - 0 avaliações