如何在不重新加载所有资源的情况下在移动应用中导航？

Question

考虑到移动应用程序不是原生的，而是用phonegap（或类似的东西）制作，我想知道是否有一个javascript / jquery库可以用来从一个html页面导航到另一个html页面而不需要重新加载所有ls和css资源。

或多或少像jQuery Mobile那样。

一个问题是增强每页上的所有ui和js小部件

有什么想法吗？

Answer 1

你可以对任何本地URL进行AJAX调用，并将整个响应包装在可通过jQuery遍历的内容中，例如......

// on click link ->
$.get('myUrl.html', function(response) {
    var new_body, traversable;

    traversable = $('<div></div>', {
        html: response
    });

    new_body = traversable.find('body').html();

    // code to replace your content here ...
});

如果每页都有很多脚本/样式，那么您可以遍历traversable.find('link')和traversable.find('script')列表来比较已经使用过的内容和尚未使用过的内容。然后在替换标记后附加到文档。

Answer 2

我认为你正在谈论的是Phonegap。

是的，Jquery mobile可以解决您的问题，因为无论何时我们在Jquery Mobile中更改页面，而不是重新加载整个DOM，它只会替换/插入（取决于您启用缓存）新页面div到显示。

因此，您最初包含的所有资源都将保留并可在所有页面中使用。

Answer 3

根据您的html和css的编写方式，您可以将页面换成div并使用css转换将它们放在屏幕外，然后在用户单击链接时将其滚动到视图中。

手机内部的jQuery mobile非常非常慢。