C# 在asp.net mvc和jquery ui中使用选项卡

我正在尝试使用jquery ui在我的mvc应用程序中创建选项卡

我尝试了以下代码：

<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#tabs').tabs();
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Exploded pie slice</a></li>
<li><a href="#tabs-2">Normal pie chart</a></li>
</ul>
<div id="tabs-1">@(Html.Partial("PartialView1"))</div>
<div id="tabs-2">@(Html.Partial("PartialView2"))</div>
</div>

$（文档）.ready（函数（）{
$（“#tabs”）.tabs（）；
});




@（Html.Partial（“PartialView1”））
@（Html.Partial（“PartialView2”））

我在jQueryUI演示中看到了类似上面的代码。请告诉我我的代码中缺少了什么，因为我只得到了两个链接而不是选项卡，并且我的两个部分视图页面显示在索引页面中

谢谢，

---

Anandaraj

您还没有包括jQuery UI CSS文件

或者使用，或者

请记住，您也需要所有的图片，所以请按照我的第二个链接下载整个主题（现有主题或您构建的主题）