How can you add tooltip to an anchor

by

You can initialize your tooltips with a title option. There you can pass in a function to get the content you want to show.

$('a').tooltip({
  title: e => $('.fc-title', e).text()
});
a {
  text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js" integrity="sha384-pjaaA8dDz/5BgdFUPX6M/9SUZv4d12SUPF0axWc+VRZkx5xU3daN+lYb49+Ax+Tl" crossorigin="anonymous"></script>

<br /><br />

<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable" data-toggle="tooltip">
  <div class="fc-content"><span class="fc-time">3:42pm</span> <span class="fc-title">Abc</span></div>
</a>

You can read about the options in the docs.

More Related Contents:

  1. Datepicker validation 18 years of age [closed]
  2. Should the Bootstrap media queries be saved in a css file or a js file?
  3. Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink
  4. Navbar dropdown (collapse) is not working in Bootstrap 5
  5. Launch Bootstrap Modal on Page Load
  6. Changing nav-bar color after scrolling?
  7. Bootstrap navbar Active State not working
  8. Bootstrap close responsive menu “on click”
  9. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  10. Getting Bootstrap’s modal content from another page
  11. How to reset the bootstrap modal when it gets closed and open it fresh again?
  12. Bootstrap 4 navbar not collapsing on large screen
  13. How to partition input field to appear as separate input fields on screen?
  14. How to create a responsive image that also scales up in Bootstrap 3
  15. How to change active class while click to another link in bootstrap use jquery?
  16. How to enable Bootstrap tooltip on disabled button?
  17. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  18. Bootstrap dropdown closing when clicked
  19. bootstrap popover not showing on top of all elements
  20. How to keep the changes made to DOM by javascript/jquery on page refresh
  21. Onclick reload the div only
  22. Bootstrap Dropdown with Hover
  23. How to resize Twitter Bootstrap modal dynamically based on the content
  24. Knockout + Bootstrap 3 Radio Buttons
  25. Is it possible to have multiple Twitter Bootstrap carousels on one page?
  26. The data-toggle attributes in Twitter Bootstrap
  27. How to add smooth scrolling to Bootstrap’s scroll spy function
  28. script order for jquery with bootstrap
  29. How to slide nav bar from left instead from top?
  30. Bootstrap Dropdown menu is not working

Leave a Comment