0

我正在研究webapi。我需要获得子菜单。

我从数据库（动态）获取数据作为参数。

我需要“主页”的点击功能。如果我单击主菜单，我应该让光标移动到控制器。

代码

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

我需要创建一个点击功能。

4

1 回答 1

1

创建菜单后试试这个

$(".menu li a").bind("click", function_name);
于 2012-09-17T13:09:29.860 回答