jQuery UI選擇菜單失去標題屬性

我正在嘗試使用jQuery UI selectmenu和工具提示聯合來創建懸停在selectmenu上的工具提示。問題是，當你在元素上調用selectmenu()時，jQuery似乎刪除了title屬性，導致工具提示無法在該元素上顯示。撥打$('#element').attr("title", "Test")什麼都不做。jQuery UI選擇菜單失去標題屬性

如何設置jQuery selectmenu的tite屬性？

來源

2015-01-15 Snailer

請新增小提琴瞭解的問題更好地 – user3263194 2015-01-15 16:56:11

你的問題是混亂的。你想要原生的工具提示（即標題）或jquery-ui工具提示嗎？對於原生工具提示$（'＃idofyourselectelement-button'）。attr（「title」，「Mytitle」）。對於jquery-ui工具提示，請參閱下面的Banana答案。 – 2015-07-24 07:08:48

這不起作用，因爲您在頁面上看到的選擇不再是您的選擇列表。它是由.selectmenu()創建的新元素組，並且樣式看起來像一個選擇。

您需要在頁面上找到新組，並將工具提示應用於該頁面。 jQuery .selectmenu()會將新組的ID設置爲與您的選擇相同的後綴，其後綴爲"-button"。

$(function() { 
 
    $("#number").selectmenu(); 
 
    
 
    $("#number-button").attr("title", "").tooltip({ 
 
     content: function() { 
 
      return "some tooltip"; 
 
     } 
 
    }); 
 
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
 
<select name="number" id="number" title="test"> 
 
    <option>1</option> 
 
    <option selected="selected">2</option> 
 
    <option>3</option> 
 
    <option>4</option> 
 
</select>

來源

2015-01-15 17:03:20 Banana

謝謝！像魅力一樣工作。 – Snailer 2015-01-15 17:35:08

jQuery UI選擇菜單失去標題屬性

回答

相關問題