Question

我正在使用Jquery mobile构建移动应用程序。您需要知道的是，我还在使用内容渲染器。所以我只有一个数据角色页面。这是我在内容渲染器中所做的。与＆lt;％= incBody％＆gt;我得到了我的网页内容。

<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');     
                  });
            } 
        }        
      });
}

现在此按钮由按钮触发。但我想要做的是每次加载页面时，都会执行此功能。

有人可以帮忙吗？

亲切的问候

Answer 1

您应该使用jQuery DOM ready：

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

您也可以使用

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

Answer 2

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

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

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

$(document).ready(load);

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

请参阅.ready() doco。

在jquery mobile中执行页面加载的函数

2 个答案: