在 jQuery Mobile 中，如何定位使用 loadPage 创建的元素？

Question

我使用 $.mobile.loadPage() 将“页面”加载到 DOM 中。然后我想定位创建的元素，但我还没有弄清楚如何做到这一点。这就是我认为可行的方法：

var toc = $.mobile.loadPage('toc.html');
toc.trigger('customevent');

上面的代码不起作用，部分原因是 toc 是一个“延迟承诺对象”，而不是一个好的 jQuery DOM 引用。此外，它不起作用，因为第二行在 loadPage 完成之前被触发。有没有办法在 loadPage 之后触发回调？

谢谢！

Answer 1

如果您知道正在加载的页面的 id，那么您可以使用 .live() 将 'pagecreate' 事件绑定到该对象，如下所示：

$('#blah').live('pagecreate', function () {alert('created');});

这将在页面加载到 dom 后触发。

Answer 2

我只是能够弄清楚这一点，即使你没有 id，这里是我如何对插入的元素执行操作（淡入）的示例......

$(document).bind('pageload',function(evt,data){ 
    $(document).unbind('pageload');  
    $(data.page).fadeIn(); 
});
$.mobile.loadPage('mypage.html',{'pageContainer':$('#my_item')});

Answer 3

您可以使用 pageshow 在页面加载时触发回调。请参阅 jQuery Mobile 事件 API 了解更多详细信息。

一个例子是这样的：

$('div').live('pageshow',function(event, ui){
    ...
});