0

jquery UI のコンボボックスを使用して Web サイトを開発しましたが、すべて正常に動作します。しかし、「選択」要素にツールチップを適用しようとすると、ツールチップが機能しません。

html:

<select id="combobox_courses" title="tooltip test text" style="display: none;">

すべての問題は、cs jquery コンボボックスが「hidden」で「select」css スタイル表示をオーバーライドし、次のように変更することです。 <span class="ui-combobox"> <input class="ui-state-default ui-autocomplete-input ....

多くのツールチップ プラグインを使用しようとしましたが、誰もこの問題を解決できませんでした。通常、すべてのツールチップ プラグインには次のような構文があります。

$("selector").anytooltip({settings});

.ui-combobox のようなクラス セレクターの使用も機能しません。

この問題を解決する方法はありますか? 申し訳ありませんが、私はJqueryの初心者で、質問は簡単かもしれません。助けてくれてありがとう...

解決しました！

したがって、誰かがこの問題を抱えている場合-js:

$(document).ready(function(){

$('#wrapper').tipsy({ trigger: 'manual', gravity: 'n'});

$( "#combobox" ).combobox();
$("#wrapper input").bind("click", function() {
      $("#wrapper").tipsy('show');
}).bind("focusout",function(){
      $("#wrapper").tipsy('hide');
}); });

#wrapper は元のコンボボックス選択要素のラッパーです:

<div class="ui-widget">
    <div id="wrapper" title="test wrapper">
    <label>Your preferred programming language: </label>
    <select id="combobox">
        <option value="">Select one...</option>
    </select>
</div></div>

if $("#wrapper input").bind(...); スパンを追加するだけでは機能しません - $("#wrapper span input").bind(...);

ほろ酔いは、jquery の無料のツールチップ プラグインです。

@tpaksu の助けに感謝します!

4

3 に答える 3

0

タイトル付きのラッパー要素を追加してui-combobox、このラッパーにを追加できます。

$('element').combobox({
  appendTo: 'elementWithTitle'
});
于 2012-05-16T23:21:53.230 に答える
0 
<select id="combobox_courses" title="tooltip test text" style="display: block;">

またはスパンを取得しようとし、誰があなたの選択をラップして彼のツールチップを取得します

于 2012-05-16T22:53:17.620 に答える
0

この要素を別のコンテナでラップし、次のようにツールチップをその要素に設定できます。

<div id="combo_container">
    <select id="combobox_courses" title="tooltip test text" style="display: none;">
</div>

次に、そのコンテナ要素にツールチップを定義できます。

$("#combo_container").anytootip({options});
于 2012-05-16T23:32:01.693 に答える