Question

这只是一个演示。当我点击身份为Reports的{{1}}时，我需要提醒“HI”。

这是我尝试过的。

main_menu_reports

的jQuery

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

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

Answer 1

看起来你的span类正在覆盖id。因此，尝试使用类来定位类或id。

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

Answer 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

Answer 3

你可以使用.on（在新的jquery中点击“

）

或旧的jquery尝试.live（“点击”

$(document).ready(function() {

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

});

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

OR

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

从列表中选择一个项目，

4 个答案: