How to enable Bootstrap tooltip on disabled button?

by

You can wrap the disabled button and put the tooltip on the wrapper:

<div class="tooltip-wrapper" data-title="Dieser Link führt zu Google">
  <button class="btn btn-default" disabled>button disabled</button>
</div>

If the wrapper has display:inline then the tooltip doesn’t seem to work. Using display:block and display:inline-block seem to work fine. It also appears to work fine with a floated wrapper.

UPDATE Here’s an updated JSFiddle that works with the latest Bootstrap (3.3.6). Thanks to @JohnLehmann for suggesting pointer-events: none; for the disabled button.

http://jsfiddle.net/cSSUA/209/

More Related Contents:

  1. Changing nav-bar color after scrolling?
  2. Getting Bootstrap’s modal content from another page
  3. How to reset the bootstrap modal when it gets closed and open it fresh again?
  4. How to create a responsive image that also scales up in Bootstrap 3
  5. How to change active class while click to another link in bootstrap use jquery?
  6. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  7. How to keep the changes made to DOM by javascript/jquery on page refresh
  8. Onclick reload the div only
  9. Bootstrap Dropdown with Hover
  10. How to resize Twitter Bootstrap modal dynamically based on the content
  11. The data-toggle attributes in Twitter Bootstrap
  12. script order for jquery with bootstrap
  13. Bootstrap Dropdown menu is not working
  14. Date Format UTC in javascript [duplicate]
  15. How do I access the link to the content? [closed]
  16. Detect all changes to a (immediately) using JQuery
  17. Resize event for textarea?
  18. Why should y.innerHTML = x.innerHTML; be avoided?
  19. jQuery: how to change tag name?
  20. Disable dragging an image from an HTML page
  21. Use a new CSS file to override current website’s
  22. Count textarea characters
  23. How can I change the font (family) for the labels in Chart.JS?
  24. Click on option event
  25. Trigger standard HTML5 validation (form) without using submit button?
  26. Convert dropdown to selection boxes with color and trigger drop down action
  27. Set default time in bootstrap-datetimepicker
  28. Set Caret Position in ‘contenteditable’ div that has children
  29. Jquery/Javascript Opacity animation with scroll
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment