Javascript 引导工具提示在现场不起作用，但在控制台上运行良好

引导工具提示在控制台上运行良好，但不是在live中，我也在使用jQueryUI，jQueryUI版本是v1.10.4，引导版本是3.3.6。 以下是我正在使用的代码：

$('[data-toggle="tooltip"]').tooltip();

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!--<link type="text/css" rel="stylesheet" href="/css/jquery-ui.min.css"/>-->


<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/chosen.jquery.min.js"></script>


<!-- Latest compiled and minified JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

这是我正在使用的js文件：

$('[data-toggle="tooltip"]').tooltip();

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!--<link type="text/css" rel="stylesheet" href="/css/jquery-ui.min.css"/>-->


<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/chosen.jquery.min.js"></script>


<!-- Latest compiled and minified JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

您可以尝试以下方法：

$('[data-toggle="tooltip"]').tooltip();

您可以尝试以下方法：

$('[data-toggle="tooltip"]').tooltip();

---

如果要使用元素，请从jQuery选择器中确保已在元素中添加了

数据类型
，
或使用
数据切换=“tooltip”


检查示例
如果要使用元素，请从jQuery选择器中确保在元素中添加了
数据类型
，或者使用
数据切换=“tooltip”


检查下面评论中的示例
，您表示希望工具提示仅在
某些文本上显示。您的HTML表示您希望它显示在整个标签上。但是不管怎样：我给你做了一个提琴（），我使用jQuery和jQuery UI只在
一些文本上显示工具提示

OP中的代码段指示了正确的顺序，但请确保在jQuery UI和引导程序启动之前，先在HTML中添加jQuery脚本！；）

简要说明：没有元素（即
某些文本）就无法触发工具提示。我在小提琴中重新构造了HTML属性，以便在段落上触发工具提示

HTML重新构造以适合您的评论

<label>
  <p data-toggle="tooltip" data-placement="top" title="Tooltip dummy text." class="t-tip">
    Some Text
  </p>
  <a class="why_ask" onclick="quiz._popModal('q307')">
    [Why Do We Ask]
  </a>
</label>

在你下面的评论OP中，你说你想让工具提示只显示在
一些文本上。你的HTML表明你想让它显示在整个标签上。但是无论如何：我给你做了一把小提琴（），我使用jQuery和jQuery UI只显示
一些文本上的工具提示

OP中的代码段指示了正确的顺序，但请确保在jQuery UI和引导程序启动之前，先在HTML中添加jQuery脚本！；）

简要说明：没有元素（即
某些文本）就无法触发工具提示。我在小提琴中重新构造了HTML属性，以便在段落上触发工具提示

HTML重新构造以适合您的评论

<label>
  <p data-toggle="tooltip" data-placement="top" title="Tooltip dummy text." class="t-tip">
    Some Text
  </p>
  <a class="why_ask" onclick="quiz._popModal('q307')">
    [Why Do We Ask]
  </a>
</label>

您是否也可以显示一个html片段？您实际添加应具有工具提示的元素的html部分在哪里？您确定已添加
data type=“tooltip”
或
data toggle=“tooltip”
根据您在HTML中使用的内容？使用数据切换，而不是数据类型..我遇到了相同的问题，然后只更改了此项..@Sumobob这是我的HTML部分：一些文本[我们为什么问]@chrisv这是我的HTML部分：一些文本[我们为什么问]您是否也可以显示一个html片段？您实际添加应具有工具提示的元素的html部分在哪里？您确定已添加
data type=“tooltip”
或
data toggle=“tooltip”
根据您在HTML中使用的内容？使用数据切换而不是数据类型..我遇到了同样的问题，然后只更改了它..@Sumobob这是我的HTML部分：一些文本[为什么我们问]@chrisv这是我的HTML部分：一些文本[为什么我们问]我的HTML部分一些文本[为什么我们问]我尝试了$（'[data toggle=“tooltip]”）。tooltip（）；但这只适用于console而不是it live站点。我在我的fiddle示例中添加了它，它可以工作。请检查此处，确保您将jQuery作为first然后bootstrap.js包括在内，因为bootstrap.js只是jQuery插件。是的，我先包括jQuery，然后是bootstrap，但没有任何效果，tooltip（）仅在控制台中有效，但在我的情况下不在live中。我的html部分某些文本[为什么要问]我尝试了$（'[data toggle=“tooltip”]”）。tooltip（）；但这只适用于console而不是it live站点。我在我的fiddle示例中添加了它，它可以工作。请检查此处，确保您将jQuery作为first然后bootstrap.js包括在内，因为bootstrap.js只是jQuery插件。是的，我先包括jQuery，然后是bootstrap，但没有任何效果，tooltip（）我的html部分一些文本[为什么要问]我尝试了$（'[data toggle=“tooltip”]'）。tooltip（）；但这只在控制台中有效，而不是在it live站点中。我的html部分一些文本[为什么要问]我尝试了$（'[data toggle=“tooltip”]'）。tooltip（）；但这只在控制台而不是it live站点中有效。