2016-03-02 51 views
-1

對於標題感到遺憾,但我不知道何解釋它。 我試圖做我的第一個phonegap應用程序,我有我的index.html頁面生成。 現在頁面內部也鏈接了jquerymobile,我製作了一個帶有標題,內容和頁腳的簡單頁面。 裏面的內容我有一個div及其內容從我的服務器在頁面<head>如何從div內部的鏈接加載html的div

$(document).ready(function() { 
    //your code 
    $("#test").load("http://www.mywebsite.com/echotest.php"); 

    }); 

裝入該代碼和它的作品。 現在,如果在div中加載的內容有一個鏈接,我希望鏈接的頁面將被加載到調用鏈接的div本身中。我該怎麼做?

我試圖改變代碼的頭部像這樣

$(document).ready(function() { 
    $("#test").load("http://www.myserver.com/echotest.php"); 

    $('a').live('click', function (e) { 
     e.preventDefault(); 
     $("#test").load(this.href); 
    }); 

    }); 

但它不工作只是加載一個新的整個頁面。 和上面最後一段代碼一樣,也是從div之外的鏈接和index.html頁面中的靜態鏈接,而不是生成的......但這可能是因爲.live()仍然需要處理它。

我該如何解決這個問題? 謝謝你的幫助!

編輯

固定在index.html的靜態鏈接與此:

$('.mylink').click(function(e){ 
    e.preventDefault(); 
    var link = $(this).attr("href"); 
    $('#test').load(link); 
}); 

不知道爲什麼,我不得不添加class="mylink"<a>標籤和$('a').click(function(e){......}沒有工作但只要它的工作... 但仍然有動態鏈接加載到div的問題:他們使用所有的webview加載外部頁面... 我也試過

$('.mylink').live('click', function (e) { 
    e.preventDefault(); 
    var link = $(this).attr("href"); 
    $('#test').load(link); 
}); 

,但什麼都沒有改變:(

EDIT 2 只曾與PhoneGap的桌面和應用程序的PhoneGap來模擬應用...設備上推出它甚至打開Safari中(IOS)的鏈接。 試圖找出如何加入白名單我的域名......

+0

例如,您可以使用console.log(「works」)來測試它是否在其上工作。並用於取代現場。 – PVL

回答

0

你應該看看angular.js

https://angularjs.org/

這聽起來像你正試圖使一個單頁的應用程序或至少加載一些內容轉到一個頁面,而不會導航離開它。 Angular會做到這一點。

將你想要鏈接並更新的頁面放到一個視圖中(這將只是另一個html文件),然後將它加載到一個div中。