2016-03-02 54 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中。