如何在jQuery UI工具提示中獲取當前選擇選項的值？

Question

在jQuery中，我試圖在選擇框中獲取當前選定項目的'val'屬性的值，使用該值檢索數據，然後使用工具提示顯示該數據。

出於測試目的，當我運行下面的它得到的價值就好了按預期工作：

$('select') 
.mouseover(function(){ 
    alert($(this).val().trim()); 
}) 

更多，下面還正常工作與硬編碼參數值：

$('select').tooltip({ 
     content: cellTooltipContent('865') 
}); 

但是，當我嘗試類似下面的內容時，Chrome開發人員工具表示cellTooltipContent函數的參數未定義。

$('select').tooltip({ 
     content: cellTooltipContent($(this).val()) 
}); 

，這不工作之一：

$('select').tooltip({ 
     content: cellTooltipContent($(this).find(':selected').text()) 
}); 

它似乎認爲這指文件，而不是當前選定的項目。我也試過this.val作爲參數，還有幾十個其他的東西。我已經爲此工作了三天，而且我完全陷入了僵局。

Answer 1

環繞你調用一個匿名函數：

$('select').tooltip({ 
    content: function() { return cellTooltipContent($(this).val())} 
}); 

一個JSFiddle例子。