Javascript 当我将鼠标悬停在下拉列表中的某个项目上时，如何获得要显示的JQuery工具提示？

除下拉项外，该选项适用于所有其他内容

我做错了什么

$(document).ready(function(){
    $('option').each(function(){
        $(this).tooltip();
    });
    //$('option').tooltip();
});

编辑：我的html目前非常基本

---

编辑当我将鼠标悬停在下拉列表中的某个项目上时，我希望工具提示显示在您的工具提示插件链接中。 我想，这取决于jquery.dimensions.js和jquery.bgiframe.js

---

从演示页面上看。

从外观上看，它与您的代码无关。这是一个已知的问题，而且看起来它不会被修复（无论如何，很快的任何时候）。工具提示在chrome中确实有效，但是webkit浏览器不喜欢

选项

元素上的工具提示

我想你有三个解决办法，我可以想到

找到一个不同的/构建自己的工具提示插件

使用

并将其样式设置为下拉列表，然后添加一些jQuery来控制显示/隐藏

只需使用浏览器的标准工具提示即可

---

希望这有帮助。

我想我有你需要的

<select>
    <option title="1" >1</option>
    <option title="2">2</option>
    <option title="3">3</option>
</select>

$(document).ready(function(){
$('option').each(function(){
        $(this).style.top = window.event.clientY + 20;
        $(this).style.left = window.event.clientX;
        $(this).style.display = 'block';
        $(this).tooltip();
    });
});

1.
2.
3.
$（文档）.ready（函数（）{
$（'option'）。每个（函数（）{
$（this.style.top=window.event.clientY+20；
$（this）.style.left=window.event.clientX；
$（this.style.display='block'；
$（this.tooltip（）；
});
});

---

希望这有帮助。

我想你应该试试这个

$('option').each(function(index, element){
        $(element).tooltip({ content: "<div>Select an Item</div>", track: true});
    });

$（'option'）。每个（函数（索引、元素）{
$（元素）。工具提示（{content:“选择一项”，track:true}）；
});

您也可以显示您的html吗please@Eric我添加了一个指向我的选择的链接。但我不认为JSFIDLE发现我正在使用在chrome中工作的工具提示pluginits。。。。你的问题是什么？也在Firefox（18）中工作。。。但是我注意到工具提示隐藏在下拉列表后面。@Vinay它不起作用。您在那里看到的工具提示是标准工具提示，而不是jquery工具提示