javascript - 将 JQuery Click 事件附加到 anchor ID

Question

我有一个简单的 SO。为什么我不能将点击事件直接附加到 anchor ID？我应该指出我也在使用 JQuery Mobile。

            <div id="foobarNavbar" data-role="navbar" style="display:none;">
                <ul>
                    <li><a id="foo" href="#foo" data-icon="plus">New Event</a></li>
                    <li><a id="bar" href="#bar" data-icon="grid">Events</a></li>
                </ul>
            </div><!-- /foobarNavbar-->

我正在尝试将点击事件附加到 foo。这不起作用:

        $('#foo').bind('click', function(e) 
        {   
            e.preventDefault();
            console.log("You clicked foo! good work");
        });

这确实有效，但为我提供了 foo 和 bar 的点击事件。无法绑定(bind)到 anchor ID 还是我犯了菜鸟错误？

        $('#foobarNavbar ul li a').bind('click', function(e) 
        {   
            e.preventDefault();
            console.log("You clicked foo! good work");
            console.log(e);
        });

Answer 1

将该代码包装在文档 ready 中，如果您没有任何其他脚本错误并且您已加载 jQuery，它应该可以工作。

$(function(){
   $('#foo').click(function(e) 
   {   
      e.preventDefault();
      console.log("You clicked foo! good work");
   });
});