如何將工具提示添加到鼠標上的下拉菜單中jquery

我想添加工具提示到鼠標的下拉列表到列表中，但它只顯示下拉菜單，甚至我不能移動我的鼠標輸出。請修復此錯誤。我爲這個jQuery嘗試的代碼是如何將工具提示添加到鼠標上的下拉菜單中jquery

CSS

#hint{ 
    cursor:pointer; 
} 
.tooltip{ 
    margin:8px; 
    padding:8px; 
    border:1px solid blue; 
    background-color:yellow; 
    position: absolute; 
    z-index: 2; 
}

HTML

<label id="username">Username : </label><input type="text"/size="50">

腳本

var changeTooltipPosition = function(event) { 
    var tooltipX = event.pageX - 8; 
    var tooltipY = event.pageY + 8; 
    $('div.tooltip').css({top: tooltipY, left: tooltipX}); 
}; 

var showTooltip = function(event) { 
    $('div.tooltip').remove(); 
    $('<div class="tooltip">I\' am tooltips! tooltips! tooltips! :)</div>') 
     .appendTo('body'); 
    changeTooltipPosition(event); 
}; 

var hideTooltip = function() { 
    $('div.tooltip').remove(); 
}; 

$("span#hint,label#username'").bind({ 
    mousemove : changeTooltipPosition, 
    mouseenter : showTooltip, 
    mouseleave: hideTooltip 
});

我試過這段代碼，但沒用從下拉列表中，當我的鼠標移動到列表中時，它應該顯示工具提示，即鼠標懸停

來源

2016-05-17 ifaminsi

在這裏複製代碼而不是屏幕截圖會更好。 – fejese

請把你的代碼放在一個[fiddle]（https://jsfiddle.net）... – SamGhatak

添加代碼到小提琴 – ifaminsi

您可以簡單地使用title屬性來實現此目的。除非，直到你不想定製。刪除CSS和相關的HTML。

$('#YourDropdownListId').mouseover(function() { 
$(this).attr('title','This is DropdownList'); 
})

如果您需要DropdownList中選項的工具提示。然後簡單地改變選擇器。

來源

2016-05-20 10:45:02

你試過了嗎？ @ Crazyy.Net –

如何將工具提示添加到鼠標上的下拉菜單中jquery

回答

相關問題