在pagebeforeshow上获取引用的链接ID

Question

在jqm我有类似的东西

<li><a href="#page1" id="cats" class="loadPage">cats</a></li>
<li><a href="#page1" id="dogs" class="loadPage">dogs</a></li>

Page1是一个动态页面，应根据我按下的链接按钮加载它的内容并使用

$(document).on('pagebeforeshow', '#page1', function(event, data){
    do something here with either cats or dogs
});

现在我如何确定使用了什么链接？ 我可以使用sessionStorage或者

$('.loadPage').click(function(){
    $(this).attr('id').blablabla
})

但这对我来说似乎不对。我确定答案就在我面前，但我似乎无法绕过它。

有什么想法吗？

Answer 1

点击id后，您可以将#page1存储在data的{​​{1}}属性中：

loadPage

然后，在jQM将您重定向到$(document).on("pageinit", "#page0", function () { $(this).on("click", ".loadPage", function (e) { e.preventDefault(); $("#page1").data("id", this.id); }); }); 后，请检查存储的#page1：

data

演示：http://jsfiddle.net/hungerpain/wN2L9/

Answer 2

比较id：

if(this.id==='cats')
{
  //do something here
}

另外，您也可以使用$(this).attr('id')，但最好尽可能使用纯JavaScript。