Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip + Dropdown #10143

Closed
kamov opened this issue Aug 25, 2013 · 3 comments
Closed

Tooltip + Dropdown #10143

kamov opened this issue Aug 25, 2013 · 3 comments

Comments

@kamov
Copy link

kamov commented Aug 25, 2013

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

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

@acaciovilela
Copy link

your javascript declaration is duplicated

change for this:

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

see if it works fine.

2013/8/26 kamov notifications@github.com

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//issues/10143#issuecomment-23258974
    .

    @kamov
    Copy link
    Author

    kamov commented Aug 26, 2013

    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();

    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Labels
    None yet
    Projects
    None yet
    Development

    No branches or pull requests

    3 participants