Ros*_*nda 4 javascript twitter-bootstrap
我想使用Tritter的Bootstrap中提供的javascript.我检查过所有.js文件都指出好了.
我想测试它是否正常,所以在阅读完文档后,我明白我必须"调用"适当的javascript函数？
使用bootstrap-tooltip.js通过javascript触发工具提示:$('#example').tooltip(options)
我怎么称呼这个功能？看来,放入正确的html还不够,我还要调用这个函数吗？
谢谢你的帮助!!
为HTML元素提供ID example和适当的属性,如下所示:
<p><a href="#" rel="tooltip" title="first tooltip" id="example">hover over me</a>,/p>
在<head>创建JavaScript <script>元素时,确保加载了jQuery,然后在jQuery中将工具提示添加到ID为的元素example:
<script type="text/javascript">
window.onload = function()
{
if(!window.jQuery)
{
alert('jQuery not loaded');
}
else
{
$(document).ready(function(){
$('#example').tooltip({'placement':'top', 'trigger' : 'hover'});
});
}
}
</script>
当您将鼠标悬停在#example元素上时,这将设置工具提示.改变top到left,right或bottom改变其中工具提示被放置在相对于所述元件本身.
如果您将来可能想要这样,那么您也可以设置一个弹出窗口.
| 归档时间： |
|
| 查看次数： |
16553 次 |
| 最近记录： |