Question

我想用HTML，CSS和jQuery创建一个Android应用程序。我试图以这种方式实现jQuery的.load()功能。它适用于浏览器，但不适用于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");

});

}）;

Answer 1

我得到了一个解决方案： 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属性。

带有webview的Android应用程序上的.load（）函数

1 个答案: