Question

到目前为止，这是我的代码：

input.autocomplete({
source: function(request, response) {
  $.ajax({
    url: searchUrl,
    dataType: 'jsonp',
    data: {
      'action': "opensearch",
      'format': "json",
      'search': request.term
    },
    success: function(data) {
      response(data[1]);
    }
  });
},
open: function(){
    var $ul = $(this).autocomplete("widget");
    $ul.hide().slideDown(500);
    }
});

slideDown效果很好。我搜索https://api.jqueryui.com/autocomplete/，但所有引入的事件（关闭，选择，更改，焦点）都没有执行slideUp。有没有办法拦截显示没有ul，保持菜单，用slideUp？感谢您的关注 - theo

Answer 1

关于你得到的文件：你有没有尝过？

Response( event, ui ) type: autocompleteresponse

搜索完成后，在显示菜单之前触发。对于建议数据的本地操作很有用

你想要这个UI自动完成的ajax部分：你尝试使用Jquery的$ ajax标准，但这使得它们拥有像这样的ajax函数：

来源支持多种类型：数组，字符串，函数... 在这里，您可以调用数组直接过去的数据，但可以使用简单的字符串调用URL。

数组示例

input.autocomplete({
  source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});

最后名为[AJAX] slideUP的字符串示例网址

input.autocomplete({
  source: searchUrl,
  response: function( event, ui ) { HERE YOU WORK ON DATA }
}).slideUp();

如何使jQuery UI自动完成SlideUp工作？

1 个答案: