Я искал вокруг, но не смог найти хорошего ответа на мою проблему.
Я беру простой объект и заполняю эти данные div-файлами и заголовками.
данные добавляются, но аккордеон не работает (исходный код говорит мне, что все должно быть). Я запустил $ ("# аккордеон"). Accordion (); как до, так и после кода, который получает json данные
Может ли кто-нибудь указать мне правильное направление?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery Accordion</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
</head>
<body>
<div id="accordion" class="container">
</div>
<script src="custom.js"></script>
</body>
</html>
$.get("https://jsonplaceholder.typicode.com/todos/1", function(data) {
console.log(data)
}).done(function(data) {
let theData = Object.keys(data).length;
//console.log(theData);
for(let i = 0; i < theData; i++) {
// Making sure I am loading correct data
console.log(Object.keys(data)[i] + ": " + Object.values(data)[i]);
$("#accordion").append("<h3>" + Object.keys(data)[i] + "</h3><div><p>" + Object.values(data)[i] + "</p></div>");
}
})
$("#accordion").accordion();