Предел бладхаунда не работает

Question

Я использую следующий код, чтобы включить typeahead в поле ввода несколько раз области не отображаются, но когда я вижу «запрос сети xhr» в элементе проверки. url возвращает данные.

Другая проблема: предел в этом примере не работает. я пробовал разные номера, но ни один из них не работает

var Regions = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('label'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
     url: 'https://www.domain.com/getcities?query=%QUERY',wildcard: '%QUERY' 
    }, 
    limit: 10 
}); 
Regions.initialize(); 
var hotels = new Bloodhound({ 
    datumTokenizer: function (datum) { 
     return Bloodhound.tokenizers.whitespace(datum.value); 
    }, 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
     url: 'https://www.domain.com/gethotels?query=%QUERY', 
     wildcard: '%QUERY', 
    }, 
    limit: 10 

}); 
hotels.initialize(); 

function typeAhead() 
{ 



$('#myinput').typeahead({ 
     hint: true, 
     highlight: true, 
     minLength: 2 
}, 
{ 
    name: 'nba-teams', 
    displayKey: 'label', 
    source: Regions.ttAdapter() , 
    templates: { 
    header: '<h3 class="league-name">Cities and regions</h3>' 
    } 
}, 
{ 
    name: 'nhl-teams', 
    displayKey: 'label', 
    source: hotels.ttAdapter() , 
    templates: { 
    header: '<h3 class="league-name">Hotels</h3>' 
    } 
}); 


} 

Answer 1

Пожалуйста, уточните, пожалуйста, под кодом.

var Regions = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('label'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
     url: 'https://www.domain.com/getcities?query=%QUERY',wildcard: '%QUERY' 
    } 
}); 
Regions.initialize(); 
var hotels = new Bloodhound({ 
    datumTokenizer: function (datum) { 
     return Bloodhound.tokenizers.whitespace(datum.value); 
    }, 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
     url: 'https://www.domain.com/gethotels?query=%QUERY', 
     wildcard: '%QUERY', 
    } 
}); 
hotels.initialize(); 
function typeAhead(){ 
    $('#myinput').typeahead({ 
      hint: true, 
      highlight: true, 
      minLength: 2 
     }, 
     { 
      name: 'nba-teams', 
      displayKey: 'label', 
      source: Regions.ttAdapter() , 
      limit: 10, 
      templates: { 
       header: '<h3 class="league-name">Cities and regions</h3>' 
      } 
     }, 
     { 
      name: 'nhl-teams', 
      displayKey: 'label', 
      source: hotels.ttAdapter() , 
      limit: 10, 
      templates: { 
      header: '<h3 class="league-name">Hotels</h3>' 
     } 
    }); 
}