使用Ajax在布局页面中加载子菜单

Question

我有一个可以渲染我所有视图的布局页面。 布局包含7个链接（标签）

当用户点击它们时加载动态菜单的部分视图。

布局

 <script type="text/javascript">
         //   ButtonClick(1);
         function ButtonClick(x) {
             $.ajax({
                 type: "POST",
                 cache: false,
                 url: "MenuItem/Menu",
                 data: { MenuId: x },
                 dataType: "html",
                 async: true,
                 success: function (data) {
                     $("#menuContent").html(data);
                     //   alert('success');
                 }
             });
             return false;
         }

       </script>
</head>


<a class="Tab" href="~/Tab1/Index"> ble
    <img src="~/Content/images/b2.png" id="b2" onclick="return ButtonClick(2);">
</a> 
  <div id="menuContent"></div>      .... etc

当我点击子菜单中的任何项目时 - ＆gt;它加载页面并将我重定向到右视图但然后子菜单消失后 !!当我尝试保存最后一个按钮时，单击一个会话变量。如果用户点击（链接）以显示更多详细信息并具有不同的子菜单，它不能很好地工作。 所有选项卡的子菜单都不同。

我该如何解决？

修改 我认为我没有很好地解释我的问题，点击选项卡时按钮点击功能正常。但我想要（视图中的链接）＆amp;子菜单内的链接呈现此功能ButtonClick（x）再次加载菜单的局部视图？我怎样才能做到这一点？ 提前致谢。