从列表中选择一个项目，答案

【问题标题】：Select an item from the list,从列表中选择一个项目，
【发布时间】：2013-12-13 04:40:06
【问题描述】：

这只是一个演示。当我单击 ID 为 main_menu_reports 的 Reports 时，我需要提醒“HI”。

这是我尝试过的。

 <ul class="nav" id='main_root_menu'>
     <li id='main_menu_dashboard' class='active'><a href="{% url 'cilantro_dashboard' %}"><span class="icon-picture icon-white"></span> Dashboard</a></li>
     <li id='main_menu_reports'><a href="#"><span class="icon-briefcase icon-white"></span> Reports</a></li>
     <li id='main_menu_billing'><a><span class="icon-film icon-white"></span> Billing</a></li>
 </ul>

jQuery

$(function(){
  $("#main_menu_reports").click(function(){
    alert("kkkkk")
  });
});

我不知道我哪里出错了。我过去一直在这样做，但它不起作用。

【问题讨论】：

在这里工作：jsfiddle.net/JoshC/AEsB2
它对我有用：jsfiddle.net/La64S
耶...这有点荒谬。我什至没有得到萤火虫的错误。
你确定你已经加载了 jQuery（但是即使你没有加载，你也应该在 Firebug 中得到一个错误。你能提供更多关于你的设置的信息吗？
检查 jquery 库是否包含正确

标签： javascript jquery html

【解决方案1】：

您的 span 类似乎覆盖了 id。因此，请尝试仅使用类来定位类或 id。

$(function(){
  $("#main_menu_reports .icon-briefcase").click(function(){
    alert("kkkkk")
  });
});

【讨论】：

【解决方案2】：

试试这个：

<ul class="nav" id='main_root_menu'>
     <li id='main_menu_dashboard' class='active'><a href="#"><span class="icon-picture icon-white"></span> Dashboard</a></li>
     <li id='main_menu_reports'><a href="#"><span class="icon-briefcase icon-white"></span> Reports</a></li>
     <li id='main_menu_billing'><a href="#"><span class="icon-film icon-white"></span> Billing</a></li>
 </ul>

这里是demo

【讨论】：

它在我的系统上不起作用，也不会在 firbug 上给我任何错误
如您所见，它在 jsfiddle 上运行良好。那么您是否将 jquery 包含到您的页面中？

【解决方案3】：

你可以在新的 jquery 中使用 .on("click"

或者旧的 jquery 试试 .live("click"

$(document).ready(function() {

$("#main_menu_reports").on("click", function(){
alert("kkkkk")
});

});

【讨论】：

【解决方案4】：

在您的文件<head> 块中添加 Jquery 库

<script src="//code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
   <script>
    $(window).load(function(){
       $("#main_menu_reports").on("click", function(){
       alert("kkkkk")
       });
    });
   </script>

或

    $(document).on('click','#main_menu_reports',function () {
        alert("kkkkk")
    });

【讨论】：