Javascript 引导工具提示用法

我正在向a标记添加引导工具提示，如下所示：

jQuery('span.arUp a').attr("data-placement", "top");
jQuery('span.arUp a').attr("data-toggle", "tooltip");
jQuery('span.arUp a').attr("data-original-title", "Tooltip on top");

<a rel="next" href="http://roadmap.private.net/?p=28" data-placement="top" data-toggle="tooltip" data-original-title="Tooltip on top">Fedrer</a>

标签如下所示：

jQuery('span.arUp a').attr("data-placement", "top");
jQuery('span.arUp a').attr("data-toggle", "tooltip");
jQuery('span.arUp a').attr("data-original-title", "Tooltip on top");

<a rel="next" href="http://roadmap.private.net/?p=28" data-placement="top" data-toggle="tooltip" data-original-title="Tooltip on top">Fedrer</a>

但是没有工具提示。请帮忙

用法：

$（函数（）{
$（'span.arUp a'）。工具提示({
位置：'顶部'
});
});

并确保包含引导js文件

用法：

$（函数（）{
$（'span.arUp a'）。工具提示({
位置：'顶部'
});
});

---

并确保包含引导js文件

由于您使用的是

数据-*

，因此您使用的是工具提示的

自动

模式，它会自动将自己添加到找到的元素中

由于要使用JS而不是直接将

数据-*

添加到HTML中，因此需要：

• 添加后添加

  .js

  文件

或

• 调用

  $（'span.arUp a'）。在代码后显示工具提示

---

由于您使用的是

数据-*

，因此您使用的是工具提示的

自动

模式，它会自动将自己添加到找到的元素中

由于要使用JS而不是直接将

数据-*

添加到HTML中，因此需要：

• 添加后添加

  .js

  文件

或

• 调用

  $（'span.arUp a'）。在代码后显示工具提示

---

如果需要

工具提示

功能来处理动态元素，可以尝试以下方法：

$(document).ready(function () {
    $("body").tooltip({
        selector: '[data-toggle="tooltip"]'
    });
});

演示：

然后，只要元素具有属性

data toggle=“tooltip”

，就会应用工具提示，而不必运行JavaScript/jQuery代码

参考：

---

如果需要

工具提示

功能来处理动态元素，可以尝试以下方法：

$(document).ready(function () {
    $("body").tooltip({
        selector: '[data-toggle="tooltip"]'
    });
});

演示：

然后，只要元素具有属性

data toggle=“tooltip”

，就会应用工具提示，而不必运行JavaScript/jQuery代码

参考：

---

我已经包括了引导文件，但我没有得到任何工具来检查使用情况。这就是调用ToolTips的方式，我已经包括bootstrapmin.js和jQuery（'span.arUp a'）。tooltip（{placement:'top'，title:'Test'}）。但错误是工具提示不是函数，而是bootstrap.min.js。-检查控制台日志错误（如果有）。我已经包含了引导文件，但是我没有得到任何工具来检查使用情况。这就是调用ToolTips的方式，我已经包括bootstrapmin.js和jQuery（'span.arUp a'）。tooltip（{placement:'top'，title:'Test'}）。但错误是工具提示不是函数，而是bootstrap.min.js。-检查控制台日志错误（如果有）。我已经包括bootstrapmin.js和jQuery（'span.arUp a'）。工具提示（{placement:'top'，title:'Test'}）。但错误是工具提示不是function@SankalpMishra

不是函数

表示它未加载或不存在。打开bootstrapmin并快速按Ctrl+F键查找“工具提示”。有时候，你会得到一个没有它的构建。别忘了把代码放在

$（document.ready）中（function（）{/*yourstuff*/}）我已经包括bootstrapmin.js和jQuery（'span.arUp a'）。工具提示（{placement:'top'，title:'Test'}）。但错误是工具提示不是function@SankalpMishra
不是函数
表示它未加载或不存在。打开bootstrapmin并快速按Ctrl+F键查找“工具提示”。有时候，你会得到一个没有它的构建。别忘了把代码放在
$（document.ready）中（function（）{/*yourstuff*/}）重复@Skelly它似乎不是重复的。Sankalp，上面的HTML是jQuery运行后的输出，还是像您编写的那样将HTML交付到浏览器？重复的@Skelly似乎不是重复的。Sankalp，上面的HTML是jQuery运行后的输出，还是像您编写的那样交付到浏览器？