0

オートコンプリート/コンボボックス jquery プラグインのフォーカス イベントにバインドしようとしています (ラップ要素にツールチップを表示する) jquery コード:

$(document).ready(function(){  
   $( "#municipality_cb" ).combobox({
    focus: function(event, ui) {
         //tipTip(); - tooltip script 
         $("#municipality_wrap").tipTip({maxWidth: "auto", edgeOffset: 10});    
      }        
   });
});

html:

<div class="ui-widget">
  <!--combobox wrapper div for tooltip -->
  <div id="municipality_wrap" title="Chose municipality: Karposh" style="float: left;">
      <select id="municipality_cb" tabindex="2" data-placeholder="Choose ..." 
        title="test">
            <option value=""></option>
            other options....  
      </select>
   </div>
</div>

ツールチップがまったく表示されません。私は何を間違っていますか？助けてください ：）

Jquery オートコンプリート プラグイン (ルック イベント タブ) http://jqueryui.com/demos/autocomplete/#combobox

4

1 に答える 1

1

問題は、ここでわかるように、.combobox にフォーカス コールバックがないことです。
したがって、次のコードを使用する必要があります。

$("#combobox").focus(function() {
    $("#wrapper").tipsy('show');
}).blur(function() {
    $("#wrapper").tipsy('hide');
});

しかし、.combobox は dom 要素を変更します。それらを調べると、ID がコンボボックスである要素が削除されていることがわかります。
したがって、以下のコードは機能しません。それを解決するには、新しい dom elements
に変更する必要があります。ここ で動作することがわかります。$("combobox")$("span.ui-combobox input")

あなたのコードに見られるその他の問題は、UI オートコンプリートを使用していないことです。リファレンスを参照して使用方法を確認してください。

于 2012-05-19T20:35:34.703 に答える