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

Question

工具提示适用于除下拉项目之外的所有其他内容。

我究竟做错了什么

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

编辑：我的HTML目前非常基本http://jsfiddle.net/kasfu/

编辑我希望当我将鼠标悬停在下拉列表中的项目上时显示工具提示

Answer 1

从它的外观来看，它与你的代码无关。 这是一个众所周知的问题，看起来不像它的问题（无论如何都会很快）。 工具提示在chrome中有效，但webkit浏览器不喜欢option元素上的工具提示。

请看这里的错误票

我猜你有三个我能想到的解决方案。

1. 查找其他/构建您自己的工具提示插件，确实有效。

2. 使用<ul>并将其设置为下拉样式，并添加一些jQuery来控制显示/隐藏

3. 只需坚持浏览器标准工具提示即可。

希望这可以帮助。

Answer 2

从您的工具提示插件链接。 我猜，它取决于演示页面中的jquery.dimensions.js and jquery.bgiframe.js 。

Answer 3

我想我有你需要的......

<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();
    });
});

希望这可以帮助。

Answer 4

我想你应该试试这个

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