焦点事件 jquery 组合框/自动完成

Focus event jquery combobox/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

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

我遇到了同样的问题...

这里的诀窍是组合框用输入替换您的选择,因此我没有将焦点绑定到选择,而是通过将其绑定到包装来使其工作:

$("#municipality_wrap input").focus(function() { ... });