如何使用 jquery autocomplete/combbobox 事件处理程序

how to use jquery autocomplete/combobox events handler?

本文关键字：combbobox 事件处理 程序 autocomplete 何使用 jquery      更新时间：2023-09-26

尝试绑定自动完成/组合框的焦点事件 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

问题是 .combobox 没有焦点回调，你可以在这里看到。
因此，您必须使用以下代码：

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

但是 .combobox 会更改您的 dom 元素，如果您检查它们，您会发现它删除了您的元素，该元素的 id 是组合框。
所以下面的代码不起作用。
要解决它，您必须$("combobox")更改为新的 dom 元素$("span.ui-combobox input") .

您可以在此处看到它的工作。

我在您的代码中看到的另一个问题是您没有使用 ui 自动完成，请查看重新引用以了解如何使用。

相关文章：