Jquery多页html

时间:2013-02-11 19:36:33

标签: javascript jquery ios jquery-mobile

我遇到了尝试使用jquery mobile链接多个多页html文件的问题,并发现使用ajax时,jquery mobile将不会显示完整文档,而不是第一页。

我查找了问题并找到了todd thomsons子页面小部件但无法让插件工作。所以现在我试图找出,使用ajax,是否可以加载外部多页html文件,但不能离开ios web应用程序窗口并启动safari?

我在搜索中看到了这段javascript,但我不确定它会如何解决。

<a href="file2.html" data-icon="back" data-ajax="false" class="file2">Log Out</a></li>

$(document).bind('pageinit', function() {
  $('.file2').click(function (event) {
    event.preventDefault();
    window.location.assign("file.html");
  });
});

所以我想我的问题是,使用javascript,是否可以在不离开Web应用程序视图的情况下加载外部html文件?

1 个答案:

答案 0 :(得分:1)

如果我正确理解了您的问题(您需要将页面更改为file.html这是一个多页jQM文档),您可以尝试

<li><a href="file1.html" rel="external" data-icon="back">Log Out</a></li>

或者如果您需要以编程方式更改页面

<li><a id="logout" href="#" data-icon="back">Log Out</a></li>

$(document).on('pageinit', '#logout', function() {
  $('#logout').click(function (event) {
    event.preventDefault();
    $.mobile.ajaxEnabled = false;
    $.mobile.changePage("file1.html");
  });
});