Question

说我有一个元素

<a href="#shop" data-transition="slidedown" >

和一个页面

<div data-role="page" id ="shop" >
  <div data-role="header" data-position="fixed">
  </div>
  <div data-role="" id ="shop_content">
    <!-- content -->
  </div>
</div>

当我点击元素<a href="#shop" data-transition="slidedown" >时，将显示ID为“shop”的页面。我有一个基于它的javascript工作。我需要javascript pagecreate事件中页面启动元素的对象。

$('#shop').live('pagecreate', function(event) { 
 /*I need the object of page initiated element here*/
});

我该怎么做？？

Answer 1

您需要收听pagebeforechange事件，并检索对象data.options.link。

$(document).on("pagebeforechange", function (e, data) {
  console.log(data.options.link);
});

<强> Demo

检索点击链接的id。由于pagebeforechange会触发两次，因此第一次会产生undefined，因此您需要第二次获取id。

var i = 0;
$(document).on("pagebeforechange", function (e, data) {
    i++;
    if (i >= 2 && data.toPage[0].id == "shop") {
        alert("link's id: " + data.options.link[0].id);
        i = 0;
    }
});

<强> Demo

如何在Jquery mobile中请求页面的元素

1 个答案: