jquery - 离开字段后取消自动完成

标签 jquery jquery-ui jquery-ui-autocomplete

如果用户离开页面查看 Documentation here,是否有办法停止 ui jQuery 自动完成我看到了很多东西

.autocomplete( "destroy" )
.autocomplete( "disable" )
.autocomplete( "close" )

但用户离开字段后如何使用它们

$("#request_song").autocomplete({
  source: function(req, add){
    $.getJSON('<%= ajax_path("trackName") %>', req, function(data) {
      var suggestions = data.suggestions;
      add(suggestions);
    });
  },
  change: function() {
    var main = $('#main_content');
    main.empty().append("<img id=\"throbber\" src='/pre_config/css/images/throbber.gif' alt='Loading. Please wait.' />");
    $("#band_events").load("/load_events/"+ escape($('#request_artist').val()), successCallback );
  },
});

最佳答案

blur 事件处理程序绑定(bind)到字段(本质上是一个失去焦点事件):

$("#request_song").blur(function(){
    // Using disable and close after destroy is redundant; just use destroy
    $(this).autocomplete("destroy");
});

关于jquery - 离开字段后取消自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3722892/

相关文章:

javascript - jQuery Toggle 无法在本地和我的网站上运行,但可以在 jsFiddle 上运行?

javascript - 将jquery中的逗号分隔列表转换为无序列表

javascript - jQuery ui 自动完成不触发选择事件

javascript - jQuery UI 自动完成显示 AJAX 源的标签和值

jQuery UI 自动完成包装结果

jquery - 如何替换 CSS/切换大量元素?

javascript - 当鼠标悬停在子级别元素上时,如何在多级别菜单之外显示 div

jQuery UI 日历在滚动时关闭

javascript - jQueryUI 自动完成下拉列表缺少格式

jquery-ui - JQueryUI 自动完成——自定义渲染;焦点不起作用