jquery - 搜索时出现语义 UI 错误

Question

当我使用带有 jQ​​uery 的语义 UI 搜索时，我遇到了一些问题：

API：使用了 API 操作，但未定义 url 搜索对象 {}

API：没有为 api 事件指定 URL

我的代码：

 $('#product_name').keyup(function() {
      if($(this).val().length >= 2) 
      {
          $.getJSON('http://localhost/eval/www/validations/add/' + $(this).val() + '?do=findProducts', function(payload) {
              var content = payload.products;
              $('.ui.search').search({
                  source: content
              });
              console.log('Data: ',content);
          });
      }
  });

在内容 a 中有正确的数据，但是有这个错误？你能帮我吗？

谢谢。

Answer 1

如果您正在使用语义 ui 并想从服务器端获取数据，那么您应该像下面这样使用它。

$('.ui.search')
  .search({
    minCharacters : 2,
    apiSettings: {
      url: 'https://api.github.com/search/repositories?q={query}'
    },
    fields: {
      results : 'items',
      title   : 'name',
      url     : 'html_url'
    }
  })
;

如语义方面所述。您还可以使用 minCharacters 控制最小键输入，如上例所示。它会在获得 2 个字符输入时开始搜索。