Я хочу заполнить данные для автозаполнения MaterializeCSS из файла JSON.Мой файл json выглядит так:
{
"Escherichia coli(562)": "https://pax-db.org/images/species/511145.jpg",
"Oryza sativa(4530)": "https://upload.wikimedia.org/wikipedia/commons/1/19/Rice_Plants_%28IRRI%29.jpg",
"Zea mays(4577)": "https://upload.wikimedia.org/wikipedia/commons/e/e3/Zea_mays_-_Köhler–s_Medizinal-Pflanzen-283.jpg"
}
Код JavaScript, который я написал:
var organismData = {};
$.getJSON('assets/data/organism_list_test.json', function(data) {
$.each( data, function( key, val ) {
organismData[key] = "'" + val + "'";
});
}).done(function() {
var organismElement = $('#organismName');
console.log(organismData);
organismElement.autocomplete({
data: organismData
});
});
Я хочу, чтобы organismData
выглядел так:
{
"Escherichia coli(562)":'https://pax-db.org/images/species/511145.jpg',
"Oryza sativa(4530)": 'https://upload.wikimedia.org/wikipedia/commons/1/19/Rice_Plants_%28IRRI%29.jpg',
"Zea mays(4577)": 'https://upload.wikimedia.org/wikipedia/commons/e/e3/Zea_mays_-_Köhler–s_Medizinal-Pflanzen-283.jpg'
},
Вы можете найти пример здесь: https://materializecss.com/autocomplete.html
Имена загружаются, но изображения орехов:
Что не так Я здесь, чтобы добиться правильного формата здесь?
Спасибо.