如何使用jqmData选择当前页面或页面ID

时间:2012-02-22 14:35:18

标签: jquery-mobile

我有一个多页文档,我绑定到页面“myId”的pageshow事件:

$('#myId').live('pageshow', renderMyIdTempalates);

我正在使用像这样的PURE我的JSON模板

function renderMyIdTempalates(event) {
    $.mobile.showPageLoadingMsg();
    var $page = $("#myId");
    // do ajax call
       $page.children( ":jqmData(role=header)" ).directives(...).render(data); 
       $page.children( ":jqmData(role=content)" ).directives(...).render(data);
    $.mobile.hidePageLoadingMsg();
 }

最初我在使用

$('#myId').directives(...).render(data);

应用我的模板。这导致了问题,因为选择器不包含jqm属性。所以我使用jqmData方法来获取标题和内容以应用我的模板。这工作正常,但如何选择我正在使用的整个文档?我宁愿将模板应用到整个文档一次。 我试过了:

$(":jqmData(role=page)") // selects all pages
$(":jqmData(id=myId)") // no luck

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

选择器

div:jqmData(id="myID")

应该有效。请记住,myID不应该是该div的id。
该页面div应该有一个参数data-id =“myID”