Семантический поиск UI не работает

Question

Я работаю с семантической щ и когда я делаю поиск на сайте результат пуст, но когда я смотрю на моей консоли я увидеть результат JSon

это мой JS код

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

и мой HTML код

<div class="ui right aligned category search item"> 
    <div class="ui transparent icon input"> 
    <input class="prompt" placeholder="Rechercher" type="text"> 
    <i class="search link icon"></i> 
    </div> 
    <div class="results"></div> 
</div> 

screenshot results in my html page

и у меня есть попробуйте Exemple для семантико-Ui странице

$('.ui.search') 
    .search({ 
    type   : 'category', 
    minCharacters : 3, 
    apiSettings : { 
     onResponse: function(githubResponse) { 
     var 
      response = { 
      results : {} 
      } 
     ; 
     // translate GitHub API response to work with search 
     $.each(githubResponse.items, function(index, item) { 
      var 
      language = item.language || 'Unknown', 
      maxResults = 8 
      ; 
      if(index >= maxResults) { 
      return false; 
      } 
      // create new language category 
      if(response.results[language] === undefined) { 
      response.results[language] = { 
       name : language, 
       results : [] 
      }; 
      } 
      // add result to category 
      response.results[language].results.push({ 
      title  : item.name, 
      description : item.description, 
      url   : item.html_url 
      }); 
     }); 
     return response; 
     }, 
     url: '//api.github.com/search/repositories?q={query}' 
    } 
    }) 

и это не работает

Answer 1

имеют те же проблемы, как вы

отладчик и получить это: debug screenshot

, кажется, получит " поля результатов из ответа, поэтому, если ваш ответ без поля «результаты», вам нужно установить «результаты» в обратном вызове onResponse:

apiSettings : { 
    onResponse (response) { 
    return { 
     results: response.myresults 
    } 
    } 
} 

и если вы не установили шаблоны, он будет использовать стандартный шаблон, стандартное использование шаблона «название» поле, чтобы показать, что вам нужно сделать некоторые преобразования, как это:

response.myresults.forEach((item) => { 
    item.title = item.name; 
}) 

надеюсь, что это может помочь вы