如何使用Twitter的Bootstrap调用javascript函数？

发布时间：2020-12-17 20:38:19 所属栏目：安全来源：网络整理

导读：我想使用Tritter的Bootstrap中提供的 javascript.我检查过所有.js文件都指出好了. 我想测试它是否正常,所以在阅读了docs后,我明白我必须“调用”适当的javascript函数？ Using bootstrap-tooltip.js Trigger the tooltip via javascript: $(‘#example’).to

我想使用Tritter的Bootstrap中提供的 javascript.我检查过所有.js文件都指出好了.

我想测试它是否正常,所以在阅读了docs后,我明白我必须“调用”适当的javascript函数？

Using bootstrap-tooltip.js
Trigger the tooltip via javascript: $(‘#example’).tooltip(options)

我怎么称呼这个功能？看来,放入正确的html还不够,我还要调用这个函数吗？

谢谢你的帮助！！

解决方法

为HTML元素提供示例ID和适当的属性,如下所示：

<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元素上时,这将设置工具提示.从顶部到左侧,右侧或底部更改以更改工具提示相对于元素本身的位置.

如果您将来可能想要这样,那么您也可以设置一个弹出窗口.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!