Я хочу создать приложение для Android с помощью HTML, CSS и jQuery. Я попытался реализовать .load()
jQuery таким образом. Он работает в браузере, но не как приложение для Android. Есть ли другое решение, например, с AJAX?
$(document).ready(function() {
$('#nav li a').click(function(){
var toLoad = $(this).attr('href')+' #content';
$('#content').hide('fast',loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
function loadContent() {
$('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#content').show('normal',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal');
}
return false;
});
});
благодаря
Редактировать:
Я также пробовал это:
$(document).on('pageinit', function() {
// handle menu clicks
$("ul#nav li a").click(function() {
var page = $(this).attr("href");
$("#content").load(page + ".html");
});
});
Я получил решение: function getContent (href) {
$.ajax({
type : "GET",
//url: href + ".html",
//url : "http://localhost/ProVid/" + href + ".html",
url: "http://webuser.hs-furtwangen.de/~lieneman/pages/" + href + ".html",
//url: "http://webuser.hs-furtwangen.de/~lieneman/pages/vorstellung.html",
dataType : "html",
beforeSend : function(xhr) {
xhr.overrideMimeType("text/html; charset=ISO-8859-1");
},
success : parseHTML,
error : function(xhr, ajaxOptions, thrownError) {
alert(xhr.status);
$('#content').html("<h3 style='text-align: center;'>Es ist ein Fehler aufgetreten</h3>");
}
});
}
Но вы также должны знать, что это работает только на веб-пространстве или виртуальном веб-пространстве, таком как xampp, и вам нужно "#" присвоить атрибуту href.