MVC 4，jquery ui在选项卡之间移动

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

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

寄存器I重定向到并设置为活动状态时也是如此：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>

但它并没有重定向到register视图

基本上，我试图让它像登录和注册一样工作

---

如何使其工作，谢谢，建议，谢谢，而不是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>

---

我在想，但是如果我添加部分视图，url不会改变，因此它会在同一页面上显示viewspages/login和/register。是的，为什么你需要更改url？你应该在部分视图和post-iti上创建表单？我只是想万一有人将特定页面作为书签，因为我会有更多的选项卡。。。这可能不是正确的方法。可能需要重新考虑正确的方法是的，你是对的，当你得到它时，请更新线程如果你想保持两个页面的url不同于它们的url，那么jQueryUI选项卡就没有用了。您可以简单地将另一个选项卡显示为超链接，并在另一个页面上保持相同的结构。