私はこのHTMLを持っています:
<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) が含まれていますが、どこに問題がありますか? (2番目の編集を見てください。問題があるかもしれません)
編集私はまた、この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">
どうすればこれを回避できますか?