Change Twitter Bootstrap Tooltip content on click

by

Just found this today whilst reading the source code. So $.tooltip(string) calls any function within the Tooltip class. And if you look at Tooltip.fixTitle, it fetches the data-original-title attribute and replaces the title value with it.

So we simply do:

$(element).tooltip('hide')
          .attr('data-original-title', newValue)
          .tooltip('fixTitle')
          .tooltip('show');

and sure enough, it updates the title, which is the value inside the tooltip.

A shorter way:

$(element).attr('title', 'NEW_TITLE')
          .tooltip('fixTitle')
          .tooltip('show');

More Related Contents:

  1. How to change the bootstrap css width into 1000px? [closed]
  2. Twitter bootstrap remote modal shows same content every time
  3. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  4. How to get header from cards or similar to have the same height with flex box?
  5. Disallow Twitter Bootstrap modal window from closing
  6. How can I keep Bootstrap popovers alive while being hovered?
  7. Confirm deletion in modal / dialog using Twitter Bootstrap?
  8. How to insert close button in popover for Bootstrap
  9. Twitter Bootstrap carousel vertical sliding
  10. Load a Bootstrap popover content with AJAX. Is this possible?
  11. Twitter Bootstrap Collapse plugin Direction—Horizontal instead of Vertical
  12. How to fade loop background images?
  13. need click twice after hide a shown bootstrap popover
  14. Bootstrap CSS Active Navigation
  15. How to dynamically set bootstrap-datepicker’s date value?
  16. How to use Twitter Bootstrap popovers for jQuery validation notifications?
  17. Autocomplete issue into bootstrap modal
  18. Add line break to tooltip in Bootstrap 3
  19. twitter bootstrap 3 jquery minimum version
  20. bootstrap-typeahead.js add a listener on select event
  21. how do you add an image to a jquery tooltip
  22. Using bootstrap select2 with JqGrid form
  23. How to check if bootstrap modal is open, so I can use jquery validate?
  24. Does Twitter Bootstrap include jQuery?
  25. Bootstrap Carousel showing next and previous image
  26. Bootstrap 3.3.6 JQuery 2.2.4 Version Exception
  27. Twitter Bootstrap Carousel cycle items right to left ( RTL ) reversed
  28. how to close a bootstrap modal with the browser back button instead of going back a page?`
  29. Load content with ajax in bootstrap modal
  30. Jquery to open Bootstrap v3 modal of remote url

Leave a Comment