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

时间:2012-05-25 07:01:37

标签: javascript jquery html jquery-mobile

我正在使用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');     
                  });
            } 
        }        
      });
}

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

有人可以帮忙吗?

亲切的问候

2 个答案:

答案 0 :(得分:1)

您应该使用jQuery DOM ready:

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

您也可以使用

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

答案 1 :(得分:1)

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

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

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

$(document).ready(load);

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

请参阅.ready() doco