如何編寫菜單的點擊功能ul li a？

Question

大家好，我正在致力於webapi。我需要獲得子菜單。

我在這裏通過db（動態）獲取數據作爲參數。

我需要點擊「家」的功能。如果我點擊主菜單，我應該讓光標移動到控制器。

CODE

<script type="text/javascript"> 
    var Url = "/api/MenuItem"; 
    (function ($) { 
     $.buildMenu = function (MenuId, CurrentPage) { 
      $.getJSON(Url, function (data) { 
       alert(data); 
       var item = data; 

       alert(item.toString()); 
       $('.' + MenuId).append("<ul>"); 
       for (var i = 0; i < item.length; i++) { 
        if (CurrentPage == item[i].MenuName) 
         $('.' + MenuId).append('<li><a href="#" class="parent"><span>' + item[i].MenuName + '</span></a></li>'); 
        //$('.' + MenuId).append("<li><a class='main_menu_active'>" + item[i] + "</a></li>"); 
        else $('.' + MenuId).append('<li><a href="#" class="parent"><span>' + item[i].MenuName + '</span></a></li>'); 
       } 
      }); 
     } 
    })(jQuery); 
    </script> 

// click function 
    <script type="text/javascript"> 
    $(function() { 
// run the currently selected 
     $(".menu li a").click(function(){ 
     alert('1'); 
      var prodcuts = $(".parent").val(); 
      $.get("/api/MenuItem", { submenu: prodcuts }, function (data) { 
       alert('submenu'); 
      }); 
     }); 
     }); 
    </script> 

//calling script 
<script type="text/javascript"> 
    $(document).ready($.buildMenu("menu", '')); 
    </script> 

HTML

<div id="menu"> 
<ul class="menu"> 
    </ul> 
</div> 

我需要創建一個點擊功能。

Answer 1

試試這個創建菜單

$(".menu li a").bind("click", function_name);