jQuery UI 1.9工具提示按鈕不工作懸停

Question

我使用jQuery UI 1.9來製作複選框和工具提示按鈕。我的HTML很簡單：

<input type="checkbox" id="jq-ui-button" value="Test" title="tooltipppp"> 
<label for="jq-ui-button">Label ok</label> 

然後我調用JS：

$("input[type='checkbox']").button(); 
$("input[type='checkbox']").tooltip(); 

http://jsfiddle.net/rniestroj/JnApC/

的問題是，我看到提示，當我按一下按鈕/複選框，但我想看看通常懸停的工具提示。這是jQuery UI 1.9中的一個錯誤，或者我如何實現我想要的效果？

Answer 1

我的理解是，當.button()應用於複選框時，它是相關標籤，其樣式是按鈕。因此，可能需要將.tooltip()應用到標籤，而不是複選框本身：

$("input[type='checkbox']").button(); 
$("label[for='jq-ui-button']").tooltip(); 

相關title屬性，因此也將需要應用到標籤，而不是：

<input type="checkbox" id="jq-ui-button" value="Test"> 
<label for="jq-ui-button" title="tooltipppp">Label ok</label>