asp.net-mvc-3 - mvc3 jquery ui选项卡相互堆叠

Question

我正在使用http://jqueryui.com/tabs/#default上的 jquery 选项卡。这些选项卡位于母版页顶部，50% 的问题是当我在我的网站内浏览页面时选项卡彼此堆叠而不是像

• 制表符制表符

它就像

• 标签
• 标签

• 选项卡 ，它弄乱了整个页面到目前为止我所拥有的是标题中的

   <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
  
   <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
   <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
   <script>
   $(document).ready(function () {
       $("#tabs").tabs();
   });
  </script>
  

  然后这在体内

• 示例 1
• 示例 2
• 示例 3

<div id="tabs-1"> @Html.Partial("_try") </div> <div id="tabs-2"> @Html.Partial("_see") </div> <div id="tabs-3"> @Html.Partial("_mine") </div>

它不是_partial，因为我也用常规文本替换了它们……它可能是什么……