Bootstrap tooltip not working in chrome

问题

Bootstrap Tooltip not working in chrome, but working 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 is not working correctly in firefox, even after defining as right, its showing only on top.

回答1:

You need to update your jQuery to at least 1.7 because it looks like bootstrap 2.2.1 is using .on().

Look at your browser console, it is throwing an error

Uncaught TypeError: Object [object Object] has no method 'on'

来源：https://stackoverflow.com/questions/18372632/bootstrap-tooltip-not-working-in-chrome