Twitter的引導工具提示不工作

我有這樣的HTML：Twitter的引導工具提示不工作

<li><a href="<?php echo $home; ?>" title="Go Home" data-placement="bottom" rel="tooltip"><?php echo $text_home; ?></a></li>

，然後在外部文件中有這樣的代碼：

function showtooltip() { 
    $('a[rel="tooltip"], button[rel="tooltip"], input[rel="tooltip"]').tooltip({ 
     animation: true 
    }); 
} 

$(document).ready(function() { 
    showtooltip(); 
});

但提示不顯示。我包括jquery（最新的2.0.0），並且還完成了TB（2.3.1）問題在哪裏？（請看看第二編輯可能有問題）

編輯我還擁有包括這個CSS文件：

<link href="/catalog/view/theme/viaenvia/stylesheet/bootstrap.min.css" rel="stylesheet"> 
<link href="/catalog/view/theme/viaenvia/stylesheet/font-awesome.css" rel="stylesheet"> 
<link href="/catalog/view/theme/viaenvia/stylesheet/bootstrap-responsive.min.css" rel="stylesheet">

因此，我認爲CSS是沒有問題的

EDIT2我使用最新的jQuery UI（1.10.2），並且jQuery UI中的JS和CSS正在覆蓋Twitter Bootstrap。這是我包括CSS（JS包含在底部表現）的線路

<link rel="stylesheet" href="/catalog/view/theme/viaenvia/stylesheet/bootstrap.min.css" /> 
<link rel="stylesheet" href="/catalog/view/theme/viaenvia/stylesheet/font-awesome.css"> 
<link rel="stylesheet" href="/catalog/view/theme/viaenvia/stylesheet/bootstrap-responsive.min.css" /> 

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/ui-lightness/jquery-ui.css"> 
<link rel="stylesheet" href="/catalog/view/theme/viaenvia/stylesheet/style.css"> 
<link rel="stylesheet" href="/catalog/view/theme/viaenvia/stylesheet/flexslider.css"> 
<link rel="stylesheet" href="/catalog/view/theme/viaenvia/js/fancybox/jquery.fancybox.css">

如何避免這種情況？

來源

2013-04-22 Reynier

我所看到的最常見的問題是，人們已經忘記了包括工具提示的CSS。 – Adam 2013-04-22 18:04:46

您是否在控制檯中發現任何錯誤？ – Mooseman 2013-04-22 18:14:10

如果不使用自定義JS實現它，工具提示是否可以工作？ – m90 2013-04-22 18:16:40

Twitter的引導工具提示不工作

回答

相關問題