Javascript 引导multiselect中的工具提示

我在用这个。我的目标是当鼠标悬停在菜单项上时显示工具提示

多选项似乎会阻止显示工具提示

HTML:

... 1. 2. JS:

$“菜单”。多选{ 最大高度：400， 显示的数字：1， 非选定文本：“全部”， enableCaseInsensitiveFiltering:正确， }; $1。工具提示{ 位置：'对' }; $2。工具提示{ 位置：'对' };

---

如何在multiselect中实现工具提示？

不幸的是，在这种情况下，无法像bootstrap那样添加工具提示。Bootstrap通过在所选元素之后直接注入包含某些内容的元素，将其工具提示添加到页面中。在你的情况下，一个或两个。标签中只允许有和标签，其他内容将不会显示，这就是为什么您的工具提示不会显示的原因。看看这个

---

但是，如果您不在此处使用引导工具提示插件，您将在选择框内的s上看到标题的浏览器工具提示。

不幸的是，在这种情况下，无法像引导那样添加工具提示。Bootstrap通过在所选元素之后直接注入包含某些内容的元素，将其工具提示添加到页面中。在你的情况下，一个或两个。标签中只允许有和标签，其他内容将不会显示，这就是为什么您的工具提示不会显示的原因。看看这个

---

但是，如果您不在此处使用引导工具提示插件，您将在选择框内的s上看到标题的浏览器工具提示。

根据引导工具提示文档，您需要将container:body选项添加到工具提示中

按钮组和输入组中的工具提示需要特殊设置 在.btn组或 .input组，您必须指定选项container:'body' 记录如下，以避免不必要的副作用，如元素 工具提示显示时变宽和/或失去圆角 触发

在您的fiddler会话中，我注意到multi-select插件在控制台中导致错误，在删除代码和对multi-select的引用后，工具提示开始显示

---

定位有点不正确，因此您可能需要使用它来让它们显示在您想要的位置。

根据引导工具提示文档，您需要将container:body选项添加到工具提示中

按钮组和输入组中的工具提示需要特殊设置 在.btn组或 .input组，您必须指定选项container:'body' 记录如下，以避免不必要的副作用，如元素 工具提示显示时变宽和/或失去圆角 触发

在您的fiddler会话中，我注意到multi-select插件在控制台中导致错误，在删除代码和对multi-select的引用后，工具提示开始显示

定位有点不对劲，因此您可能需要使用它来让它们显示在您想要的位置。

当您找到时，jsFiddle并不是在开玩笑。Github实际上不能作为CDN工作，因为它以文本的形式提供所有内容。添加适当的库和之后，您将看到Bootstrap Multiselect如何转换元素

此原始标记：

1. 2. 变成这样：

因此，元素1不再在图片中

因此，工具提示功能的选择器必须稍微更改。我们希望将li元素作为.multiselect容器的子元素。我们还希望忽略.filter和.group元素。然后，只需调用工具提示并根据需要编写标题即可

$'.multiselect容器li'.not'.filter、.group'.tooltip{ 位置：'对'， 容器：'主体'， 标题：功能{ //你想放什么就放什么 var value=$this.find'input'.val； return'的值为'+Value； } }; 当你回来的时候，你不是在开玩笑。Github实际上不能作为CDN工作，因为它以文本的形式提供所有内容。添加适当的库和之后，您将看到Bootstrap Multiselect如何转换元素

此原始标记：

1. 2. 变成这样：

因此，元素1不再在图片中

因此，工具提示功能的选择器必须稍微更改。我们希望将li元素作为.multiselect容器的子元素。我们还希望忽略.filter和.group元素。然后，只需调用工具提示并根据需要编写标题即可

$'.multiselect容器li'.not'.filter、.group'.tooltip{ 位置：'对'， 容器：'主体'， 标题：功能{ //你想放什么就放什么 var value=$this.find'input'.val； “返回”有 '值+值； } };

$("#one").tooltip({container: 'body'});
$("#two").tooltip({container: 'body'});