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

我试图修改以下jQuery移动代码，以显示是否单击了id为“e”的导航栏。下面的代码适用于所有导航栏项目，但我只希望在单击id为“e”的导航栏时显示警报。任何修改这一点的帮助都将是巨大的。多谢

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

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

这应该起作用：

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

工作示例：

这应该可以：

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

---

工作示例：

不要使用

live

使用

单击
事件，因为jquery不推荐使用live

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

不要使用
live
而是单击
事件，因为jquery不推荐使用live

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