Jquery 引导工具提示动态放置

我通过属性选择器使用引导工具提示。i、 e任何具有

title

属性的元素都应呈现为工具提示：

$('[title]').tooltip({placement: 'bottom', trigger: 'hover'});

然而，出于某些原因和某些因素，我想更改位置。最初，我没有为元素使用

数据放置

属性，但对于我希望其工具提示具有非默认位置的difirent放置的元素，我为它们提供了

数据放置

属性，并修改了上述代码，如下所示：

$('[title]').tooltip({placement: (typeof $(this).attr('data-placement') === 'undefined')? 'bottom' : $(this).attr('data-placement'), trigger: 'hover'});

对于没有

数据放置

属性的元素，此代码应将放置设置为

底部

，而对于具有该属性的元素，应将其设置为等于其值

---

然而，代码并没有像预期的那样工作，它为每个元素设置placement=bottom，甚至，例如，那些具有

数据placement='right

的元素，我相信这是因为

$（这）

没有引用工具提示，而是您的父选择器，很可能是

文档

试试这个：

$('[title]').each(function() {
    $(this).tooltip({
        placement: (typeof $(this).attr('data-placement') === 'undefined') ? 'bottom' : $(this).attr('data-placement'),
        trigger: 'hover'
    });
});

---

我认为这是因为

$（this）

没有引用工具提示，而是您的父选择器，很可能是

文档

试试这个：

$('[title]').each(function() {
    $(this).tooltip({
        placement: (typeof $(this).attr('data-placement') === 'undefined') ? 'bottom' : $(this).attr('data-placement'),
        trigger: 'hover'
    });
});

---

placement

的回调函数接收两个参数-第一个是工具提示参数，第二个是原始元素。
您可以使用此元素获取要查找的数据：

$（“[title]”）。工具提示({
位置：功能（t_el，el）{
返回（typeof$（el）.data（'placement'）=='undefined'）？'bottom'：$（el）.data（'placement'）；
}，触发器：“悬停”
});

左侧的工具提示
顶部的工具提示
底部的工具提示
右边的工具提示
placement
的回调函数接收两个参数-第一个是工具提示参数，第二个是原始元素。

您可以使用此元素获取要查找的数据：


$（“[title]”）。工具提示({
位置：功能（t_el，el）{
返回（typeof$（el）.data（'placement'）=='undefined'）？'bottom'：$（el）.data（'placement'）；
}，触发器：“悬停”
});

左侧的工具提示
顶部的工具提示
底部的工具提示
右边的工具提示
该函数获取2个参数作为参数。第一个是为显示工具提示而创建的元素（在我的示例中是黑色工具提示的
div
容器），这就是为什么我称它为
t_el
。第二个元素是我们需要为
创建工具提示的元素。第一个是为显示工具提示而创建的元素（在我的示例中是黑色工具提示的
div
容器），这就是为什么我称它为
t_el
。第二个元素是我们需要为
创建工具提示的元素。