带有 jquery ui 的 MVC 4 在选项卡之间移动

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>