在 jquery Mobile 中执行页面加载函数

execute a function on page load in jquery mobile

本文关键字：加载 函数 执行 jquery Mobile      更新时间：2023-09-26

我正在使用Jquery mobile构建一个移动应用程序。您需要知道的是，我也在使用内容渲染器。所以我只有一个带有数据角色页面。这就是我在内容渲染器中所做的。使用 <%= incBody %> 我得到了我的页面内容。

<body <%=incBodyAttr%>>
<div data-role="page" class="type-index" data-theme="g">
<%=incBody%>
</div>
</body>

我认为这是你需要知道的。现在真正的问题。目前我有一个函数 load（） 你可以在这里看到它。

function load(){
var userId =  $("#userId").val();
$.ajax({
            url: "~SYSTEM.URL~~CAMPAIGN.URL~/SelligentMobile/Webservice/WebService.asmx/getNieuwtjes",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "{'userId':'" + userId + "'}",
            success: function (response) {       
            var nieuwtjes = response.d;
              if (nieuwtjes.length > 0) {   
                        $.each(nieuwtjes, function (i, entity) {
                    $('#nieuwtjesList').append(
                            $("<li/>").append($("<a/>")
                        .attr("href",'~PROBE(239)~&NEWSID=' + entity.nieuwtjeId)
                    .text(entity.nieuwtjeOnderwerp)
                    )
                    );
                    $('#nieuwtjesList').trigger("create");
                        $('#nieuwtjesList').listview('refresh');     
                  });
            } 
        }        
      });
}

现在，此负载由当前按钮触发。但我想做的是每次页面加载时，它都会执行这个函数。

有人可以帮忙吗？

亲切问候

从文档就绪处理程序调用它：

$(document).ready(function() {
   load();
});

或者，假设您没有将参数传递给load()：

$(document).ready(load);

第一种方法允许您在调用load()之前或之后做其他事情，如果需要的话：只需在匿名函数中添加更多代码即可。

请参阅.ready()文档。

你应该使用 jQuery DOM ready：

$(function() {
  // call load() after DOM ready
  load();
});

您也可以使用

$(document).ready(function() {
  load();
})
相关文章：