从列表中选择一项，

-1

这只是一个演示。我需要提醒“HI”，当我点击Reports，其ID是main_menu_reports。从列表中选择一项，

这是我的尝试。

<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") 
    }); 
});

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

来源

2013-12-13 PythonEnthusiast

它在这里工作：http://jsfiddle.net/JoshC/AEsB2/ –

它的工作对我来说：http://jsfiddle.net/La64S/ –

Yaa ...这有点荒谬。我甚至没有在萤火虫中发现错误。 – PythonEnthusiast

看起来你的span类正在覆盖id。因此，请尝试像这样尝试针对类或ID进行定位。

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

来源

2013-12-13 04:43:35 CRABOLO

号码不能正常工作 – PythonEnthusiast

我删除了span它还没有工作 – PythonEnthusiast

试试这个：

<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

来源

2013-12-13 04:43:59 HICURIN

它不适用于我的系统，也不会在firbug上给我任何错误 – PythonEnthusiast

正如你可以看到它在jsfiddle上正常工作。那么你是否将jquery包含到了你的页面？ – HICURIN

可以使用。对（ “点击”，在新的jQuery

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

$(document).ready(function() { 

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

});

来源

2013-12-13 04:44:24

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

<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") 
    });

来源

2013-12-13 04:47:19

从列表中选择一项，

回答

相关问题