Jquery 引导工具提示“不调用子对象”

假设我有这些标签：

<ul data-toggle="tooltip" data-title="hello world">
    <li data-toggle="tooltip" data-title="content 1">content 1</li>
    <li data-toggle="tooltip" data-title="content 2">content 2</li>
    <li data-toggle="tooltip" data-title="content 3">content 3</li>
</ul>

内容1
内容2
内容3

---

当鼠标悬停在

li

标签上时，如何防止显示

ul

的工具提示？当前，当我将鼠标悬停在

li

上时，将显示两个工具提示。

这取决于具体情况，但您可以使用：

$（'[data toggle=“tooltip”]'）。tooltip（）；
$（'li'）。悬停(
函数（）{
$（'ul'）。工具提示（'hide'）；
}，函数（）{
$（'ul'）。工具提示（'show'）；
});
body{padding top:50px}
保险商实验室{
填充：20px；
背景：红色；
}
李{
填充：20px；
背景：黄色；
}


内容1
内容2
内容3
一个可供选择的答案，适用于第n个孩子
.tooltip（）
场景：


$（文档）.ready（函数（）{
var tt=$（'[data toggle=“tooltip”]'）；
tt.tooltip（）；
tt.on（'show.bs.tooltip'，函数（e）{
tt.not（$（this））.tooltip（'hide'）；
});
});
@import-url（'//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css'）；
身体{
填充：50px；
}
保险商实验室{
填充：10px；
边框：2件蓝色虚线；
列表样式类型：无；
}


内容1
内容2
内容3
鉴于将鼠标悬停在列表项上意味着您也将鼠标悬停在无序列表本身上，我不确定您在这里要完成的是什么。好的，因此默认情况下，
li
是隐藏的，然后当我单击
ul
，就会显示
li
s。我希望当鼠标悬停在显示的
li
上时，只显示属于该
li
的工具提示，
ul
工具提示保持隐藏。像
stopPropagation（）
但是我不知道怎么做that@DarielPratama如果最初是隐藏的，
ul
是如何被点击的？@DarielPratama仅仅用数据属性是不可能的。切换ul时，您必须添加并销毁工具提示：