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