如果单击导航栏ID,则为jQuery Mobile Alert

时间:2013-04-02 10:35:12

标签: javascript jquery-mobile jquery jquery-mobile-navbar

我正在尝试修改以下jQuery Mobile代码以显示是否单击了带有“e”的导航栏。下面的代码适用于所有导航栏项,但我只希望在单击带有“e”的导航栏时显示警报。任何帮助修改这将是伟大的。非常感谢!

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

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

2 个答案:

答案 0 :(得分:5)

这应该有效:

$(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/

答案 1 :(得分:1)

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

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