Question

<a class="glyphicon glyphicon-question-sign" title="tooltip" data-original-title="title" href="#" id="ttip"></a>

部分：'data-original-title ='在记事本中显示为灰色，如果出现问题则会有。它不起作用。任何帮助？我很确定我已经使用以下代码正确安装了bootstrap java脚本：

<script type="text/javascript"src="js/bootstrap.min.js"></script>

Answer 1

如果工具提示未显示，请尝试初始化它：

<script>
$(document).ready(function()
{
    $('#ttip').tooltip();
});
</script>

Answer 2

请看一下这个例子。 http://jsfiddle.net/shail/vstlu/2/

此外，请务必在正确的矿工中加载css / js：

bootstrap.min.css
bootstrap-theme.min.css
jquery.min.js"
bootstrap.min.js

示例：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

请尝试这些（不是本地文件，但要确保您正确加载内容，并且可以放弃外部文件问题并专注于代码。

希望有所帮助！

Answer 3

<script>
$(document).ready(function()
{
 $('[data-toggle="tooltip"]').tooltip("enable");
});
</script>

尝试此块，如果您在页面方法中设置字段值，则在设置值以初始化工具提示后应使用此代码段

Bootstrap - 当我尝试创建工具提示时，'data-original-title ='显示为灰色

3 个答案: