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 に答える