javascript – 将焦点设置为jQuery UI MultiSelect Widget中的Filter输入

我正在编写一个小脚本,它将焦点设置到多选 jquery小部件的过滤器文本输入字段.根据文档,我可以订阅小部件的click事件,如下所示：

// bind to event
$("#multiSELEct").bind("multiSELEctopen",function(event,ui){
    // event handler here
});

所以我尝试了这个：

$("#MyStatusWidget").bind("multiSELEctopen",ui){
            // event handler here
            $(this).$(".ui-multiSELEct-filter").contents('input :text').focus());
        });

这是一个小部件的链接：http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

我还尝试了其他一些方法($(”).is(‘：text’);等),但无法获得钩子.

这是HTML：

<div class="ui-widget-header ui-corner-all ui-multiSELEct-header ui-Helper-clearfix ui-multiSELEct-hasfilter">
<div class="ui-multiSELEct-filter">
Filter:
<input type="search" placeholder="Enter keywords">
</div>
<ul class="ui-Helper-reset">
</div>

谢谢

$("#MyStatusWidget").multiSELEct({
    open: function () {
        $("input[type='search']:first").focus();                   
    }
});

$("#MyStatusWidget").multiSELEct({
    open: function () {
        $("input[type='text']:first").focus();                   
    }
});