Мне нужно динамически создавать (на основе json
) компоненты слайдера (хранятся в li
).
Вот код который нужно вставить в ul:
<li class="slider__li">
<div class="slider__block">
<div class="slider__sale slider__sale-pos">-30%</div>
<div class="slider__img"><img src="/images/b1.png" alt=""></div>
</div>
</li>
Вот код jquery который работает с json:
$.getJSON('js/sliders.json', function (data) {
for (var i = 0; i < data.slider1.length; i++) {
var k = "Вот сюда нужно вставить HTML";
$('.slider__ul').append(k);
};
});
Но когда я вставляю код html
в переменную, там происходит конфликт с "кавычками", и в итоге получается не строка, а черти что, и вставить туда элементы из json
вообще невозможно.
Как решить эту проблему?
var k = 'HTML';
?