按钮上的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>