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>