Question

对不起标题，但我不知道如何解释它。我正在尝试制作我的第一个phonegap应用，并生成了我的index.html页面。现在在页面内我也链接了jquerymobile，我创建了一个带有标题，内容和页脚的简单页面。在内容中，我有一个div，其内容是从我的服务器加载的，在<head>页面中使用此代码

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

但没有改变:(

编辑2 它只适用于phonegap桌面和phonegap应用程序来模拟应用程序...在设备上启动它甚至可以打开Safari（iOS）中的链接。试图找出如何将我的域列入白名单......

Answer 1

你应该研究angular.js

https://angularjs.org/

听起来您正在尝试制作单页应用程序或至少将某些内容加载到页面而不导航它。 Angular就是这么做的。

将要链接的页面放入并更新到视图中（这将只是另一个html文件）然后将角加载到div中。

如何从div内部的链接加载div中的html

1 个答案: