javascript - 如果单击导航栏 ID，则 jQuery Mobile 警报

Question

我正在尝试修改以下 jQuery Mobile 代码以显示是否单击了 ID 为“e”的导航栏。下面的代码适用于所有导航栏项目，但我只希望在单击 id 为“e”的导航栏时出现警报。任何修改这个的帮助都会很棒。非常感谢！

$(document).on('pagebeforeshow', '#p_page', function(event){       
    $('div[data-role="navbar"] a').live('click', function () {

        alert("div E clicked");
});       
});

Answer 1

这应该有效：

$(document).on('pagebeforeshow', '#p_page', function(event){       
    $('div[data-role="navbar"] ul li a#e').on('click', function () {
        alert("div E clicked");
    });       
});

工作示例：http: //jsfiddle.net/Gajotres/rnRqm/

Answer 2

而不是live使用click事件，因为 live 已从 jquery 中弃用。

 $('div[data-role="navbar"] a').on('click', function () {
      alert("div E clicked");
 });