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

时间:2012-05-19 11:29:23

标签: javascript autocomplete combobox jquery

尝试绑定自动完成jquery插件的焦点事件另一个动作(在wrap元素上显示工具提示) 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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

这里的技巧是组合框用输入取代你的选择,所以我没有将焦点绑定到选择,而是通过将它绑到包装来实现它:

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