Foundation 6 - Заполнение обмена данными тега img с использованием JavaScript, не показывающего изображения - PullRequest
Новая
       9

Foundation 6 - Заполнение обмена данными тега img с использованием JavaScript, не показывающего изображения

0 голосов
/ 05 июня 2018

Я пытаюсь исправить некоторый код, который предназначен для генерации значений обмена данными с использованием JavaScript для изображений в слайдере, но я не могу заставить его работать, если у меня нет тега src, и даже тогда, единственного изображениячтобы показать то, на что я ссылаюсь в теге src.

Я чувствую, что это должно сработать, поскольку оно соответствует настройке обмена данными в соответствии с документами Foundation, и я не вижу никаких ошибок вконсоль для указания проблемы.

Вот код: 

         var animallink = $('<a></a>').attr('href', animals[randomkeys[a]].link);
                console.dir(animallistitem);

                $('<img />').attr({
                    'data-interchange': '[' + uploaddirectory + animals[randomkeys[a]].images.med + ', small], [' + uploaddirectory + animals[randomkeys[a]].images.med + ', medium],  [' + uploaddirectory + animals[randomkeys[a]].images.lg + ', large]',
                    'class':'orbit-image',
                    'alt': animals[randomkeys[a]].images.alttext
                }).appendTo(animallink);
                var animalcontainer = $('<div></div>').addClass('related__item-content');

                $('<h2>' + dyktext + '</h2>').appendTo(animalcontainer);
                $('<h3></h3>').addClass('related__name').text(nametext + animals[randomkeys[a]].animal).appendTo(animalcontainer);

                if(animals[randomkeys[a]].location != ""){
                    $('<h3></h3>').addClass('related__location').text(locationtext + animals[randomkeys[a]].location).appendTo(animalcontainer);
                }

                var rndnum = Math.round(Math.random() * (animals[randomkeys[a]].animalfacts.length - 1));

                $('<p></p>').addClass('related__description').html(animals[randomkeys[a]].animalfacts[rndnum].replace('\u0026', '&')).appendTo(animalcontainer);
                $('<div></div>').addClass('related__cta').html(morelinktext + ' <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>').appendTo(animalcontainer);

                animalcontainer.appendTo(animallink);

                animallink.appendTo(animallistitem);

                animallistitem.appendTo(animallist);
            });

            var orbit = new Foundation.Orbit($('.related__animal-facts .orbit'));

1 Ответ

0 голосов
/ 11 июня 2018

Не уверен, применимо ли это в этом случае, но раньше было так, что при добавлении элементов обмена после загрузки страницы, пришлось переинициализировать Foundation, используя $(document).foundation().Хотя я не могу найти упоминания об этом в текущих документах.

...