MVC 4与jquery ui在标签之间移动

Question

我的布局中有两个链接。登录并注册。两者都有显示标签的视图。当我点击登录链接时，我重定向到并将活动标签设置为0

@Html.ActionLink("Login In","Login","Account")

对于寄存器我重定向并设置为活动：1（正常工作）

@Html.ActionLink("Regisrter","Register","Account")

我的问题，当我在登录视图中并单击“注册”选项卡时，如何进入注册视图？当我在注册视图上时，我点击登录选项卡，如何重定向到登录页面？

我的登录视图：

<script>
   $(function () {
       $("#tabs").tabs({ active: 0 });
});
</script>

 <div id="tabs">
 <ul>
   <li><a href="#tabs-1">login</a></li>
   <li><a href="#tabs-2">Register</a></li>        
</ul>
<div id="tabs-1">
    //controls here
</div>
<div id="tabs-2">
</div>

注册视图：

<script>
   $(function () {
       $("#tabs").tabs({ active: 1 });
});
</script>

 <div id="tabs">
 <ul>
   <li><a href="#tabs-1">login</a></li>
   <li><a href="#tabs-2">Register</a></li>        
</ul>
<div id="tabs-1">
</div>
<div id="tabs-2">
  //controls here
</div>

我尝试将登录视图上的注册链接更改为：

<li>@Html.ActionLink("Regisrter","Register","Account")</li>

但它没有重定向到寄存器视图

基本上我试图让它像https://stackoverflow.com/users/login登录和注册工作

一样工作

如何让它发挥作用，谢谢你，建议，谢谢

Answer 1

代替Html.ActionLink您可以尝试使用部分视图：

         <script type="text/javascript">

             $(function () {
            $( "#tabs" ).tabs();
            });
        </script>
                        <div id="tabs">
                           <ul>
                        <li><a href="#tabs-1">Login</a></li>
                        <li><a href="#tabs-2">Create An Account</a></li>
                          </ul>
                <div id="tabs-1">
                         @Html.Partial("_Login", Model.LoginModel)
                    </div>
                <div id="tabs-2">
                          @Html.Partial("_Register", Model.RegisterModel)

                    </div>
                    </div>