Quantcast
Channel: Niluka Blog » Jquery
Viewing all articles
Browse latest Browse all 17

Make Bootstrap Popover Appear/Disappear on Hover instead of Click

$
0
0

You can handle the show and hide events for the popover:

Put this script on bottom of the page towards close body tag.


 $(document).ready(function() {
  $("[rel=drevil]").popover({
      placement : 'bottom', //placement of the popover. also can use top, bottom, left or right
      title : '', //this is the top title bar of the popover. add some basic css
      html: 'true', //needed to show html of course
      content : '' //this is the content of the html box. add the image here or anything you want really.
      trigger: "hover"
});
});

Then HTML is:


mischief



Viewing all articles
Browse latest Browse all 17

Trending Articles