Question

我无法让javascript与Twitter的Bootstrap一起使用。

我有这个

 <p>
     <a href="#" rel="tooltip" title="first tooltip" id="example">
        hover over me
    </a>
</p>

我希望它显示为工具提示。

它不起作用，所以我在HEAD中添加了这个：

<script type="text/javascript">
window.onload = function()
{
    if(!window.jQuery)
    {
        alert('jQuery not loaded');
    }
    else
    {
        $(document).ready(function(){
            $('#example').tooltip({'placement':'top', 'trigger' : 'hover'});
        });
    }
}

注意到它仍然无法正常工作，我已经删除了页面内的所有脚本引用，并且只在HEAD中添加了这个：

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js"></script>

我没有调用任何我已下载的特定文件，但是将原始文件挂钩，仍然不会显示工具提示。

注意：我正在尝试设置一个新的Drupal主题，因此我的网站位于Drupal内（该页面是一个tpl.php文件）。

感谢您的见解!!

Answer 1

如果您想直接使用github文件，则需要使用raw，因此您应该指向https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tooltip.js而不是https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js

为什么即使调用函数和js文件，javascript也无法在Twitter的Bootstrap中运行？

1 个答案: