2

私はjQueryUI1.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/

問題は、ボタン/チェックボックスをクリックするとツールチップが表示されるのに、ホバーすると通常どおりツールチップが表示されることです。これはjQueryUI1.9のバグですか、それとも希望する効果を実現するにはどうすればよいですか？

4

1 に答える 1

3

私の理解では、.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>
于 2012-12-12T19:14:57.740 に答える