當我將鼠標懸停在下拉列表中的某個項目上時，如何顯示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});
    });