Как вставить данные json в карусель совы

У меня есть данные JSON из обзоров API FB, и я хочу вставить данные из JSON в элементы div карусели совы. Я хочу, чтобы каждый обзор создавался в отдельном элементе div, и этот элемент div находился внутри карусели совы и работал как карусель.

В HTML у меня есть только это:

<div id = "carousel" class = "owl-carousel" style = "color: white;">
</div>

Раньше я настраивал карусель, теперь мой вопрос заключается в том, как взять данные из JSON и вставить в класс div owl-carousel, но я хочу, чтобы divs были вставлены внутрь, чтобы взять класс owl-item и т. д.

Вот код JavaScript:

$(document).ready(function () {
    var url = "https://graph.facebook.com/v3.2/...";

    $.getJSON(url, function (data) {
        var items = [];
        $.each(data.data, function (i, obj) {
            var text = '<p class = "review_text">' + obj.review_text + '</p>'
            var date = '<p class = "date">' + obj.created_time + '</p>'

        }); //Here I get the review text and the created date of the review
            //I want to create div element for each review and insert that div in the owl carousel

    });
});

что ты уже испробовал?

NewToJS 15.12.2018 14:12

Я добавил ниже в качестве ответа, что у меня есть попытки

gr8pr0gramm3er 15.12.2018 14:16
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
237
1

Ответы 1

Это то, что я пробовал до сих пор:

$(document).ready(function () {
    var url = "https://graph.facebook.com/v3.2/...";

    $.getJSON(url, function (data) {
        var items = [];
        $.each(data.data, function (i, obj) {
            //$('#target').append($('<div/>', { id: 'dummy' + i }))
            var text = '<p class = "review_text">' + obj.review_text + '</p>'
            var date = '<p class = "date">' + obj.created_time + '</p>'
            a = counter();
            $("#carousel").find("[data-index='" + i + "']").append(text, date)

        });
        $('#scripts').append('<input type = "number" id = "spam_key" value= ' + a + '>');


    });
    var wrapper = document.getElementById("carousel");
    var myHTML = '';
    for (b = 0; b <= 230; b++) { //but here instead of 230 I want to get the value of a
        myHTML += '<div id = "review" data-index=' + (b) + '></div>';
    }
    wrapper.innerHTML = myHTML
});

Другие вопросы по теме