Я использую Swiper Slider для гибридного приложения, которое я создаю, используя PhoneGap с Framework 7. < /p>
Каждый слайд сделан с динамическим контентом, который проводится через вызов Ajax. Нашим пальцем, более пустое пространство, которое он создаст.[code]
Ementa
Eventos
< /code>
my js -файл: < /p>
myApp.onPageInit('home', function (page) {
$(document).ready(function() {
var ajaxurl3="myurl.php"; $.ajax({ type: "POST", url: ajaxurl3, success: function(data) { $.each(data, function(i, field){ var id=field.id_categoria; var nomeCategoria=field.nome_categoria; var imgCategoria=field.img_categoria; var string = "[url=pratos.html?idcat=] "+nomeCategoria+" [/url]"; $("#slider-ementa-home").append(string);
}) }, complete: function (data) { var mySwiper2 = myApp.swiper('.swiper-ementa-home', { spaceBetween: 15 }); } });
var ajaxurl4="myurl2.php"; $.ajax({ type: "POST", url: ajaxurl4, success: function(data) { $.each(data, function(i, field){ var id=field.id_evento; var nomeEvento=field.nome_evento; var imgEvento=field.img_evento; var string = "[url=eventos.html?idcat=] "+nomeEvento+" [/url]"; $("#slider-eventos-home").append(string);
}) }, complete: function (data) { var mySwiper3 = myApp.swiper('.swiper-eventos-home', { spaceBetween: 15 }); } });
}); }) [/code]
Печать:
[list] [*] Когда страница загружается (все в порядке): https://gyazo.com/42094AD145607579572EB550A2D2288, Последний слайд (много пустого пространства): https://gyazo.com/64f5ec3b4d9c2e1f77357d2a040ea153 [*] Если мы продолжим прокручивать (если мы будем продолжать прокручивать, он будет продолжать добавлять пустое пространство):: https://gyazo.com/f9e1be36eabbcafdd8767b05a29d2259 [/list]