javascript - Jquery Mobile 中 .mobile.loadPage 和外部页面的问题

Question

在我的 jquery 移动应用程序中，我有一个页面想要加载外部内容。

尝试遵循文档，我的代码不会产生任何脚本错误，但我的外部内容无法加载。

    $(document).ready(function () {
        $.mobile.ajaxEnabled = false;

        //Initialize page container per docs 
        $("#staff-directory-container").pagecontainer({ defaults: true });

        //Get external content into DOM
        $.mobile.loadPage("http://another.domain.com/myContent.html", {
        pageContainer: $('#staff-directory-container')
            });

    });

预先感谢您提供的任何帮助......克里斯

Answer 1

要在 jQuery Mobile 中绑定(bind)事件，请使用 pagecreate，它相当于 .ready()。要加载外部页面，请使用 .pagecontainer("load", "target", { options })因为 .loadPage() 已弃用，并将在 jQM 1.5 中删除。

就您而言，$.mobile.pageContainer 是$("#staff-directory-container")。请注意，Ajax 应该启用。

$(document).on("pagecreate", "#pageID", function () {
  $("#loadBtn").on("click", function () {
    /* define new pagecontainer then load */
    $.mobile.pageContainer = $("#staff-directory-container").pagecontainer();
    $.mobile.pageContainer.pagecontainer("load", "myContent.html");
  });
});