Bootstrap tooltip not working in chrome

Question

Bootstrap Tooltip does not work in chrome, but works fine in firefox.

<script type='text/javascript'> jQuery(document).ready(function () { if ($("[rel=tooltip]").length) { jQuery("[rel=tooltip]").tooltip({ placement: 'right', trigger: "hover" }); } }); </script> 

And also the placement does not work correctly in firefox, even after being defined as right, its display is only on top.

Answer 1

You need to upgrade jQuery to at least 1.7 because it looks like bootstrap 2.2.1 uses .on() .

Look at your browser console, it causes an error

Uncaught TypeError: Object [object Object] does not have a 'on' method