Swiper Slider создает пустые места после последнего слайдаJquery

Программирование на jquery
Ответить Пред. темаСлед. тема
Anonymous
 Swiper Slider создает пустые места после последнего слайда

Сообщение Anonymous »

Я использую Swiper Slider для гибридного приложения, которое создаю с помощью Phonegap и Framework 7.

Каждый слайд состоит из динамического контента, который передается через него. вызов Ajax.

Проблема в том, что у меня есть два слайдера на одной странице, и когда я дохожу до последнего слайда на обоих, начинает появляться огромное пустое пространство. и чем больше мы скользим пальцем, тем больше пустого пространства он создает.

Я оставлю здесь несколько отпечатков и соответствующие фрагменты кода.
Мой HTML-файл:

Код: Выделить всё


Ementa  







Eventos  






Мой файл JS:

Код: Выделить всё

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
});
}
});

});
})
Печатает:
  • При загрузке страницы (все в порядке) : https://gyazo.com/42094ad145607579572eb550a2d22d28
  • Прокрутка до последнего слайда (много пустого места): https://gyazo.com/64f5ec3b4d9c2e1f77357d2a040ea153
  • Если мы продолжим прокрутку (если мы продолжим прокрутку, пустое пространство будет продолжать добавляться): https:// gyazo.com/f9e1be36eabbcafdd8767b05a29d2259
Есть идеи, что происходит?

Подробнее здесь: https://stackoverflow.com/questions/506 ... last-slide
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Jquery»