2013-12-14 61 views
0

我想使用HTML,CSS和jQuery創建Android應用程序。 我試圖通過這種方式實現jQuery的​​函數。它適用於瀏覽器,但不適用於Android應用程序。有沒有其他解決方案,例如使用AJAX?.load()使用webview的Android Applikation的功能

$(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"); 

}); 

});

+1

你只是使用Android瀏覽器來查看這個或你是否嵌入某種webview? –

+0

其作爲IDE的eclpise的Web視圖 – Emjay

+0

看看這篇文章:http://developer.android.com/guide/webapps/debugging.html#WebView它應該顯示你的控制檯消息在您的WebView內的JavaScript錯誤的情況下。它有助於在WebView案例中調試JS。 –

回答

0

我得到了一個解決方案: 功能的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屬性。