C# 如何在MVC4ASP.NET中使用选项卡视图?
我是ASP.NET的新手。 我想在TabView中列出我的视图 我在应用程序中做了以下更改 在_Layout.cshtml中,我在C# 如何在MVC4ASP.NET中使用选项卡视图?,c#,asp.net-mvc-4,razor,tabview,C#,Asp.net Mvc 4,Razor,Tabview,我是ASP.NET的新手。 我想在TabView中列出我的视图 我在应用程序中做了以下更改 在_Layout.cshtml中,我在 <head> @Styles.Render("~/Content/themes/base/css") </head> @style.Render(“~/Content/themes/base/css”) 及 @Scripts.Render(“~/bundles/jqueryui”) 然后我添加了两个控制器,比如Defa
<head>
@Styles.Render("~/Content/themes/base/css")
</head>
@style.Render(“~/Content/themes/base/css”)
及
@Scripts.Render(“~/bundles/jqueryui”)
然后我添加了两个控制器,比如Default1和Default2,在这两个控制器中我添加了一个视图,比如index
然后,我在主视图中的Index.cshtml中编写以下代码,以特定的选项卡形式显示我的控制器视图
<div id="body">
<div id="tabs">
<ul>
<li><a href="/Default1/Index">Tab 1</a></li>
<li><a href="/Default2/Index">Tab 2</a></li>
</ul>
@section scripts
{
<script>
$(function () {
$("#tabs").tabs();
});
</script>
}
</div>
</div>
@节脚本
{
$(函数(){
$(“#制表符”).tabs();
});
}
但它不起作用。我不知道我为这项工作添加了更多的代码
请帮帮我。提前感谢。不知道它是否能解决您的所有问题,但以下问题除外:
$(function () {
$(function () {
$("#tabs").tabs();
});
});
应该是:
$(function () {
$("#tabs").tabs();
});
您不需要2个
$(function(){})
处理程序不知道它是否能解决您的所有问题,但是:
$(function () {
$(function () {
$("#tabs").tabs();
});
});
应该是:
$(function () {
$("#tabs").tabs();
});
您不需要2个
$(function(){})
处理程序您还必须添加内容以在选项卡单击时显示。因此,在代码中添加两个div。如下所示
修改代码::
<div id="body">
<div id="tabs">
<ul>
<li><a href="#tab-1">Tab 1</a></li>
<li><a href="#tab-2">Tab 2</a></li>
</ul>
@section scripts
{
<script>
$(function () {
$("#tabs").tabs();
});
</script>
}
</div>
<div id="tab-1">
'content which you want to display on click of first tab'
</div>
<div id="tab-2">
'content which you want to display on click of second tab'
</div>
</div>
@节脚本
{
$(函数(){
$(“#制表符”).tabs();
});
}
'单击第一个选项卡时要显示的内容'
'单击第二个选项卡时要显示的内容'
您还必须添加要在选项卡单击时显示的内容。因此,在代码中添加两个div。如下所示
修改代码::
<div id="body">
<div id="tabs">
<ul>
<li><a href="#tab-1">Tab 1</a></li>
<li><a href="#tab-2">Tab 2</a></li>
</ul>
@section scripts
{
<script>
$(function () {
$("#tabs").tabs();
});
</script>
}
</div>
<div id="tab-1">
'content which you want to display on click of first tab'
</div>
<div id="tab-2">
'content which you want to display on click of second tab'
</div>
</div>
@节脚本
{
$(函数(){
$(“#制表符”).tabs();
});
}
'单击第一个选项卡时要显示的内容'
'单击第二个选项卡时要显示的内容'
如果您手动导航到/Default1/Index
它将返回您期望的内容?是的,手动导航正在工作………需要检查的其他事项:是否确实调用了$(function(){…
)?如果添加警报('test')
或控制台.log('test'),该怎么办
,是否获取输出?如果调用它,是否确实加载了jQueryUI?如果您在$(函数
您是否得到函数定义或未定义?第一次只有警报出现…TabView正在工作…但我单击下一个选项卡它不工作..同时我单击浏览器中的“重新加载”按钮,此时显示控制器的内容声音,如选项卡正在初始化ok,但出于某种原因,单击选项卡是navig单击链接而不是切换选项卡。这对您没有任何帮助。如果您手动导航到/Default1/Index
,它将返回您期望的内容?是的,手动导航正在工作………其他需要检查的事项:是否确实调用了$(function(){…
)?如果添加警报('test'),该怎么办
或console.log('test')
,这是否得到输出?如果调用它,jQueryUI是否被明确加载?如果您在$(函数
您是否得到函数定义或未定义?第一次只有警报出现…TabView正在工作…但我单击下一个选项卡它不工作..同时我单击浏览器中的“重新加载”按钮,此时显示控制器的内容声音,如选项卡正在初始化ok,但出于某种原因,单击选项卡是navig点击链接而不是切换标签。很遗憾,无法进一步帮助您