Jquery Mobile -如何在pagebeforechange事件中获取data-url

Question

我想得到的数据-网址的网页，触发了页面的变化。有什么想法吗？

$(document).bind("pagebeforechange", function ( event , data) {
    // get the data-url of the link that triggered the page change
});

Answer 1

您可以在data对象中获取用户所在的页面：

$(document).bind("pagebeforechange", function ( event , data ) {
    console.log(data.options.fromPage.attr('data-url'));
});​

请注意，由于绑定到的是document元素而不是单个data-role="page"元素，因此每次页面更改都会触发两次，一次是针对fromPage，一次是针对toPage。为每个页面的事件传递到事件处理程序的数据将与另一个页面的数据相同。

这是一个演示：http://jsfiddle.net/Atfrf/2/

Answer 2

attr方法在某些浏览器中不起作用，所以你最好使用jqmData方法。jqmData可以在任何名称空间中工作。

$(document).bind("pagebeforechange", function ( event , data ) { console.log(data.toPage.jqmData('url')); });​

Answer 3

为什么你不能做$(this).parent('div[data-role|="page"]').attr('data-url')