Bootstrap: Tooltip + Dropdown

[kamov]

Hi,

I have a dropdown menu and I add tooltip on the link which open dropdown.

Once added tooltip, the dropdown dont work.

this is the code:

<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>

[acaciovilela]

it's because the last "data-toggle" tag, overrides the first dada-toggle="dropdown", you cannot use duplicate tags.

[acaciovilela]

your javascript declaration is duplicated

change for this:

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

see if it works fine.

2013/8/26 kamov [email protected]

Hi,

thanks!

so how to make it work?

I try in this way:

Click

Dropdown menu

and on javascript:

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

But still not working the dropdown.

—
Reply to this email directly or view it on GitHubhttps://github.com/twbs/bootstrap/issues/10143#issuecomment-23258974
.

[kamov]

Hi,

yes, I was able to fix it, so I remove my last post.

working in this way (for others):

<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>

and on javascript:

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