Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 如何在MVC4ASP.NET中使用选项卡视图?_C#_Asp.net Mvc 4_Razor_Tabview - Fatal编程技术网

C# 如何在MVC4ASP.NET中使用选项卡视图?

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

我是ASP.NET的新手。 我想在TabView中列出我的视图

我在应用程序中做了以下更改

在_Layout.cshtml中,我在

<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点击链接而不是切换标签。很遗憾,无法进一步帮助您