used typeahead ajax, data is not loaded in the typeahead__list -
i used typeahead , ajax reading 1.json data not loaded in typeahead__list sample https://github.com/samusi/samp1
$.typeahead({ input: ".js-typeahead", minlength: 1, maxitem: 8, maxitempergroup: 6, order: "asc", hint: true, //cache: true, searchonfocus: true, group: { key: "conference", template: function (item) { return item.conference; } }, emptytemplate: 'no result {{query}}', correlativetemplate: true, dropdownfilter: false, template: '<span>' + '<span class="city">{{city}}</span>', source: { data: { ajax: { url: "1.json", path: "proddata" } } }, callback: { onnavigateafter: function (node, query, event) { var = node; }, onclickafter: function (node, a, item, event) { event.preventdefault; // href key gets added inside item options.href configuration href = "product.html?" + (item.id); window.open(href); } }, debug: true });1.json { "proddata" : [{ "name": "ducks", "img": "ducks", "city": "anaheim", "id": "ana", "conference": "western", "division": "pacific" }, { "name": "thrashers", "img": "thrashers", "city": "atlanta", "id": "atl", "conference": "eastern", "division": "southeast" }, { "name": "bruins", "img": "bruins", "city": "boston", "id": "bos", "conference": "eastern", "division": "northeast" }, { "name": "sabres", "img": "sabres", "city": "buffalo", "id": "buf", "conference": "eastern", "division": "northeast" }, { "name": "flames", "img": "flames", "city": "calgary", "id": "cgy", "conference": "western", "division": "northwest" }, { "name": "hurricanes", "img": "hurricanes", "city": "carolina", "id": "car", "conference": "eastern", "division": "southeast" }, { "name": "blackhawks", "img": "blackhawks", "city": "chicago", "id": "chi", "conference": "western", "division": "central" }, { "name": "avalanche", "img": "avalanche", "city": "colorado", "id": "col", "conference": "western", "division": "northwest" }, { "name": "bluejackets", "img": "bluejackets", "city": "columbus", "id": "cbj", "conference": "western", "division": "central" }, { "name": "stars", "img": "stars", "city": "dallas", "id": "dal", "conference": "western", "division": "pacific" }, { "name": "red wings", "img": "redwings", "city": "detroit", "id": "det", "conference": "western", "division": "central" }, { "name": "oilers", "img": "oilers", "city": "edmonton", "id": "edm", "conference": "western", "division": "northwest" }, { "name": "panthers", "img": "panthers", "city": "florida", "id": "fla", "conference": "eastern", "division": "southeast" }, { "name": "kings", "img": "kings", "city": "los angeles", "id": "lak", "conference": "western", "division": "pacific" }, { "name": "wild", "img": "wild", "city": "minnesota", "id": "min", "conference": "western", "division": "northwest" }, { "name": "canadiens", "img": "canadiens", "city": "montreal", "id": "mtl", "conference": "eastern", "division": "northeast" }, { "name": "predators", "img": "predators", "city": "nashville", "id": "nsh", "conference": "western", "division": "central" }, { "name": "devils", "img": "devils", "city": "new jersey", "id": "njd", "conference": "eastern", "division": "atlantic" }, { "name": "islanders", "img": "islanders", "city": "new york", "id": "nyi", "conference": "eastern", "division": "atlantic" }, { "name": "rangers", "img": "rangers", "city": "new york", "id": "nyr", "conference": "eastern", "division": "atlantic" }, { "name": "senators", "img": "senators", "city": "ottawa", "id": "ott", "conference": "eastern", "division": "northeast" }, { "name": "flyers", "img": "flyers", "city": "philadelphia", "id": "phi", "conference": "eastern", "division": "atlantic" }, { "name": "coyotes", "img": "coyotes", "city": "phoenix", "id": "phx", "conference": "western", "division": "pacific" }, { "name": "penguins", "img": "penguins", "city": "pittsburgh", "id": "pit", "conference": "eastern", "division": "atlantic" }, { "name": "sharks", "img": "sharks", "city": "san jose", "id": "sjs", "conference": "western", "division": "pacific" }, { "name": "blues", "img": "blues", "city": "st. louis", "id": "stl", "conference": "western", "division": "central" }, { "name": "lightning", "img": "lightning", "city": "tampa bay", "id": "tbl", "conference": "eastern", "division": "southeast" }, { "name": "maple leafs", "img": "mapleleafs", "city": "toronto", "id": "tor", "conference": "eastern", "division": "northeast" }, { "name": "canucks", "img": "canucks", "city": "vancouver", "id": "van", "conference": "western", "division": "northwest" }, { "name": "capitals", "img": "capitals", "city": "washington", "id": "wsh", "conference": "eastern", "division": "southeast" }, { "name": "jets", "img": "jets", "city": "winnipeg", "id": "wpg", "conference": "eastern", "division": "southeast" }]; }<form > <div class="typeahead__container"> <div class="typeahead__field"> <span class="typeahead__query"> <input class="js-typeahead" name="query" type="search" autofocus autocomplete="off"> </span> <span class="typeahead__button"> <button type="submit"> <i class="typeahead__search-icon"></i> </button> </span> </div> </div> </form>1.json { "proddata" : [{ "name": "ducks", "img": "ducks", "city": "anaheim", "id": "ana", "conference": "western", "division": "pacific" }, { "name": "thrashers", "img": "thrashers", "city": "atlanta", "id": "atl", "conference": "eastern", "division": "southeast" }, { "name": "bruins", "img": "bruins", "city": "boston", "id": "bos", "conference": "eastern", "division": "northeast" }, { "name": "sabres", "img": "sabres", "city": "buffalo", "id": "buf", "conference": "eastern", "division": "northeast" }, { "name": "flames", "img": "flames", "city": "calgary", "id": "cgy", "conference": "western", "division": "northwest" }, { "name": "hurricanes", "img": "hurricanes", "city": "carolina", "id": "car", "conference": "eastern", "division": "southeast" }, { "name": "blackhawks", "img": "blackhawks", "city": "chicago", "id": "chi", "conference": "western", "division": "central" }, { "name": "avalanche", "img": "avalanche", "city": "colorado", "id": "col", "conference": "western", "division": "northwest" }, { "name": "bluejackets", "img": "bluejackets", "city": "columbus", "id": "cbj", "conference": "western", "division": "central" }, { "name": "stars", "img": "stars", "city": "dallas", "id": "dal", "conference": "western", "division": "pacific" }, { "name": "red wings", "img": "redwings", "city": "detroit", "id": "det", "conference": "western", "division": "central" }, { "name": "oilers", "img": "oilers", "city": "edmonton", "id": "edm", "conference": "western", "division": "northwest" }, { "name": "panthers", "img": "panthers", "city": "florida", "id": "fla", "conference": "eastern", "division": "southeast" }, { "name": "kings", "img": "kings", "city": "los angeles", "id": "lak", "conference": "western", "division": "pacific" }, { "name": "wild", "img": "wild", "city": "minnesota", "id": "min", "conference": "western", "division": "northwest" }, { "name": "canadiens", "img": "canadiens", "city": "montreal", "id": "mtl", "conference": "eastern", "division": "northeast" }, { "name": "predators", "img": "predators", "city": "nashville", "id": "nsh", "conference": "western", "division": "central" }, { "name": "devils", "img": "devils", "city": "new jersey", "id": "njd", "conference": "eastern", "division": "atlantic" }, { "name": "islanders", "img": "islanders", "city": "new york", "id": "nyi", "conference": "eastern", "division": "atlantic" }, { "name": "rangers", "img": "rangers", "city": "new york", "id": "nyr", "conference": "eastern", "division": "atlantic" }, { "name": "senators", "img": "senators", "city": "ottawa", "id": "ott", "conference": "eastern", "division": "northeast" }, { "name": "flyers", "img": "flyers", "city": "philadelphia", "id": "phi", "conference": "eastern", "division": "atlantic" }, { "name": "coyotes", "img": "coyotes", "city": "phoenix", "id": "phx", "conference": "western", "division": "pacific" }, { "name": "penguins", "img": "penguins", "city": "pittsburgh", "id": "pit", "conference": "eastern", "division": "atlantic" }, { "name": "sharks", "img": "sharks", "city": "san jose", "id": "sjs", "conference": "western", "division": "pacific" }, { "name": "blues", "img": "blues", "city": "st. louis", "id": "stl", "conference": "western", "division": "central" }, { "name": "lightning", "img": "lightning", "city": "tampa bay", "id": "tbl", "conference": "eastern", "division": "southeast" }, { "name": "maple leafs", "img": "mapleleafs", "city": "toronto", "id": "tor", "conference": "eastern", "division": "northeast" }, { "name": "canucks", "img": "canucks", "city": "vancouver", "id": "van", "conference": "western", "division": "northwest" }, { "name": "capitals", "img": "capitals", "city": "washington", "id": "wsh", "conference": "eastern", "division": "southeast" }, { "name": "jets", "img": "jets", "city": "winnipeg", "id": "wpg", "conference": "eastern", "division": "southeast" }]; }
Comments
Post a Comment