mvc3 jquery ui tabs彼此堆叠起来

Question

我正在使用http://jqueryui.com/tabs/#default上的jquery选项卡..选项卡位于主页顶部，我得到50％的时间的问题是，当我在我的网站中浏览页面时，Tabs堆栈上彼此顶部而不是像

• 标签标签标签

它变得像

• 标签
• 标签

• 标签 并且它使整个页面变得混乱了我在标题

  中的用途

   <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，因为我已经用常规文本替换它们......它可能是什么......