Jquery mobile .on("pagebeforecreate") 如何找到正在加载的页面的 id？答案

$(document).on("pagebeforecreate", function(event) { var loadingPage = //NEED FUNCTION FOR PAGE BEING LOADED var print = ""; if (at == "createAccountPage") { $.getJSON('http://71.162.197.6/iGotChu/php/listUsers.php', function(jsonData) { alert("hello"); }); document.getElementById("usersList").innerHTML = print; } });

【解决方案1】：

我自己找到了答案。解决方案非常简单，并且没有明确放置在任何 Api 上，或者至少我找不到。

作为“pagebeforecreate”函数的回调函数的事件对象内部，有一个字段表示正在加载的页面的id。

$(document).on("pagebeforecreate",function(event){

例如在这个剪辑中，回调函数传递事件对象。您可以使用 console.log(event) 函数来显示对象的元素。如果我可以发布图片，您可以看到对象的元素。在那里，有一个正在加载页面的 id 字段。有了它，您可以将其用作页面处理程序，以便在创建下一页之前为您的下一页运行特定的注入。

这是最终代码。

$(document).on("pagebeforecreate",function(event){
var nextPage = event.target.id;
  var print = "";
            if (nextPage=="createAccountPage"){
                $.ajax({
                  url: '~your URL',
                  dataType: 'json',
                  async: false,
                  success: function(data) {
                    for (i=0;i<10;i++){
                        print = print + "<li><a href='index.html'><img src='images/album-bb.jpg' /><h3>Broken Bells</h3><p>Broken Bells</p></a></li>";
                        } 
                        document.getElementById("usersList").innerHTML = print;
                        print = "";
                    }
                });
            }

        });

**更重要的是，如果您尝试进行 JSON 调用，则调用必须是同步的，如 async 字段中设置的那样。这是因为调用必须在创建页面之前阻塞和加载数据。如果不这样做，页面将在 javascript 到达并应用样式之前加载。

【讨论】：