单击导航栏ID时发出jQuery移动警报

Question

我正在尝试修改以下jQuery移动代码，以便在单击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

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

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