從列表中選擇一項，

-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

從列表中選擇一項，

回答

相關問題