Séb*_*ien 8 javascript css jquery tooltip twitter-bootstrap
我在我的元素上添加了bootstrap工具提示参数:
<input type="text" name="appbundle" data-toggle="tooltip" data-placement="top" title="My title" class="form-control">
我还添加了以下脚本:
$('[data-toggle="tooltip"]').tooltip();
好吧,工具提示正在显示,但它不符合数据放置参数:它始终位于控件的底部.
我已经看到有一些定位问题,但我发现的很多都是很久以前的,我现在有自助3.3.1.
有关如何解决这个问题的任何线索？
编辑:这是一个示例代码,我正在使用相同的库.还是行不通
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="vendor/bootstrap-3.3.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="vendor/bootstrap-3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/jquery-ui-1.11.2/jquery-ui.min.css">
<link rel="stylesheet" href="vendor/jquery-ui-1.11.2/jquery-ui.structure.min.css">
<link rel="stylesheet" href="vendor/jquery-ui-1.11.2/jquery-ui.theme.min.css">
</head>
<body>
<script src="vendor/bootstrap-3.3.1/js/bootstrap.min.js"></script>
<script src="vendor/bootstrap-3.3.1/js/npm.js"></script>
<script src="vendor/jquery/jquery-2.1.1.min.js"></script>
<script src="vendor/jquery-ui-1.11.2/jquery-ui.min.js"></script>
<p>test</p>
<br>
<input type="text" name="appbundle" data-toggle="tooltip" data-placement="top" title="My title" class="form-control">
<script>
$(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
Séb*_*ien 15
找到了!
我在jquery ui之前添加了bootstrap js,这导致了这个问题.其他一些图书馆也是如此.
最后放置bootstrap js!