javascript - 如何在页面加载期间调用 JavaScript 函数？

Question

我有一个 Html 页面包含几个页面，其 data-role = page as page1,page2 等。我试图在 page1 的页面加载期间使用以下代码调用 JS 方法

$("#page1").on("load",function () {
  alert("hi")
  $.ajax({
          type: "GET",
          url: "",
          data: "{}",
          contentType: "application/json",
          dataType:"json", 
          success:  function (msg) {
                                    var BPRList = '';
                                    $.each(msg, function(i,v){  
                                      BPRList += '<li onClick="GetBprDetails('+ v.BPRNo +')"><a href="#bprPage" data-transition="slide"><p class="title">' + v.BPRNo + '</p><p class="bodyEle">' + v.BPR_Product +'</p><p class="bodyEle">' + v.BPR_Details+ '</p><br/><p class="bodyEle">' + v.BPR_Status + ':</p></a></li>'     
                                                             })         
                                   $("#BPRListTable").html(BPRList)
                                   $('[data-role=listview]').listview('refresh');
                                   },
           error:    function () {
                                   alert("BPR List Error");
                                 }
        }); });

在执行上述函数期间，我无法在表单加载期间获得输出，就好像我将上述方法调用为按钮单击事件一样能够获得输出。上面的代码可能是什么错误..我更担心下面的代码。

$("#page1").on("load",function () {
 --statements
})

Answer 1

自己找到解决方案

 $(document).ready(function(){
 $(document).on('pagebeforeshow','#page1',function () {
                                                           --statements
                                                          }); });

Answer 2

尝试使用 'page:load' 而不是 'load' 它可能会更好：

$("#page1").on("page:load",function () {
    - - - - 
    - - - -
    - - - - 
});

Answer 3

 $(window).load(function () {
   alert("hi")
 });

If you want the results on page load,then try this instead.Write this code outside $(document).ready(function(){});

Answer 4

我认为使用 pageinit 就可以了

$(document).on('pageinit', '#page1', function() {...})

通过这种方式，您可以避免使用 jquery mobile 也不推荐的 document.ready。