鼠标悬停弹出效果的Bootstrap工具提示

时间:2013-11-25 11:55:48

标签: javascript jquery html css twitter-bootstrap

我正在使用bootstrap工具提示。正常的工具提示在鼠标上显示在工具提示的对象上,但我想要工具提示弹出窗口显示引导文档和我使用所有.js和.css文件,但这不是正确的方式需求。我正在使用这些文件: -

<script language="javascript">
   $(document).ready(function(){
    $("[rel='tooltip']").tooltip();
    })
</script>

Html with img,悬停工具提示已打开: -

<a href="#" rel='tooltip' data-placement='bottom' title="App_above_and_beyond">
    <img src="img/app_above_and_beyond.jpg" alt="App_above_and_beyond" />
</a>

还使用bootstrap-tooltip.js文件

<script type="javascript" src="js/bootstrap-tooltip.js" ></script>

1 个答案:

答案 0 :(得分:0)

选中此fiddle

确保您拥有此JS文件

http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap-tooltip.js