MaterializeCSS автозаполнение заполнить данные из файла - PullRequest
0 голосов
/ 11 февраля 2019

Я хочу заполнить данные для автозаполнения 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

Имена загружаются, но изображения орехов:

Error enter image description here

Что не так Я здесь, чтобы добиться правильного формата здесь?

Спасибо.

...