从列表中选择一个项目，

Select an item from the list,

本文关键字：一个 项目 列表 选择      更新时间：2023-09-26

这只是一个演示。当我点击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")
  });
});

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

你的span类似乎覆盖了id。所以试着用这样的类只针对类或id。

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

试试这个：

<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>

这是的演示

您可以在新的jquery 中使用.on（"点击"

或旧的jquery try.live（"点击"

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

在文件<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")
    });
相关文章：