Uncaught TypeError: a.split не является функцией pagecontainer

Потратьте пару дней, пытаясь получить доступ к php-сайту с динамическим контентом. Я смотрел на jQuery mobile, но нет примера того, как заставить работать с динамическим контентом. Кто-нибудь, кто может указать направление, как это сделать? Не обязательно быть мобильным jQuery, это может быть что угодно, если у них есть пример для работы. Это то, чего я достиг с мобильным jQuery, и он, конечно, не сильно удаётся с анимацией, но загружает контент при смахивании.

$(document).on('swipeleft', '.ui-page', function(event){
if(event.handled !== true) // This will prevent event triggering more then once
{
getartikel('1');
}
});

getartikel () — это функция, которая запускает ajax-запрос, получает данные из mysql и помещает их в div.

function getartikel(id) {
$.ajax({
url: "ajax/getartikel.php",
type: "post",
data: {id:id} ,
success: function (data) {
$("#artikel").html(data);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(textStatus, errorThrown);
}
});
}

Это куча статей, между которыми я хочу провести. Данные из базы данных у меня просто HTML.

Я понимаю, что должен использовать Pagecontainer, но не могу понять, как заставить его работать с вызовом ajax.

Я сделал некоторые изменения в моем коде, но все еще без слайдов, теперь я получаю Uncaught TypeError: a.split не является функцией. Это приходит, когда я добавляю

$.mobile.pageContainer.pagecontainer('change', "#"+sida, {transition: 'slide'});

вот мой полный код

<script>
$(document).on("pageshow", function (event) {
getartikellist();
//this get the menue and put into a ul listview with the class artikel
});

$(document).ready(function(){
$(document).on("click", \'[class^=artikel]\', function(event, ui) {
$("#menyn").panel("close");
getartikel($(this).data(\'secid\'));
});

});
</script>


function getartikel(id) {
var sida;
if($.mobile.activePage.attr("id")=="1"){
sida="2";
}else{
sida="1";
}
$.ajax({
url: "ajax/getartikel.php",
type: "post",
data: {id:id} ,
beforeSend: function() {
$.mobile.loading("show");
},
success: function (data) {
$("#innehall"+sida).html(data);
},
complete: function() {
$.mobile.loading("hide");
$.mobile.pageContainer.pagecontainer('change', "#"+sida, {transition: 'slide'});
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(textStatus, errorThrown);
}
});
}

Все работает нормально, пока я не добавлю строку pagecontainer, добавит содержимое на нужную страницу и все.

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]