在带有 jquery ui 的 asp.net mvc 中使用选项卡答案

【问题标题】：Using tabs in asp.net mvc with jquery ui在带有 jquery ui 的 asp.net mvc 中使用选项卡
【发布时间】：2013-05-30 09:48:27
【问题描述】：

我正在尝试使用 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>

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

谢谢，阿南达拉杰

【问题讨论】：

标签： c# jquery asp.net-mvc jquery-ui razor

【解决方案1】：

您尚未包含 jQuery UI CSS 文件。

使用default skin 或pick one, or even build your own。

请记住，您还需要所有图片，因此请点击我的第二个链接下载整个主题（现有的或您构建的）。

【讨论】：