0

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

或多或少像 jQuery Mobile 那样做。

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

有任何想法吗？

4

3 回答 3

0

您可以对本地 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')比较已使用和未使用的内容。然后在替换标记后附加到文档。

于 2013-09-10T17:57:15.467 回答
0

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

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

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

于 2013-09-10T18:01:27.487 回答
0

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

phonegap 中的 jQuery mobile 非常非常慢。

于 2013-09-10T18:14:02.357 回答