手风琴MVC 4

我试图让我的网页手风琴与this tutorial但没有任何工程。这是我的看法：手风琴MVC 4

@model SGP.Models.Queries 

@Scripts.Render("~/bundles/jqueryui") 

<script type="text/javascript"> 
    $(function() { 
     $("#accordion").accordion(); 
    }); 
</script> 

    <div id="accordion"> 
     <h3>Assiduidade</h3> 
     <div> 
      @using (Html.BeginForm()) 
      {    
       <table> 
        <tr> 
         <th> 
          @Html.DisplayName("Nome") 
         </th> 
         ... 
        </tr> 
        @foreach (var item in Model.query1) 
        { 
         <tr> 
          <td> 
           @Html.DisplayFor(modelItem => item.Nome) 
          </td> 
          ... 
         </tr>  
        } 
       </table> 
      } 
     </div> 
     <h3>Avaliação</h3> 
     <div> 
      @using (Html.BeginForm()) 
      {     
       <table> 
        <tr> 
         <th> 
          @Html.DisplayName("Nome") 
         </th> 
         ... 
        </tr> 
        @foreach (var item in Model.query2) 
        { 
         <tr> 
          ... 
         </tr> 
        } 
       </table> 
      } 
</div> 
</div>

这是我_Layout.cshtml：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>@ViewBag.Title - SGP</title> 
     ... 
@Styles.Render("~/Content/fullcalendar") 
@Styles.Render("~/Content/css") 
@Scripts.Render("~/bundles/modernizr") 

</head> 
    <body> 
     <header> 
      ... 
     </header> 
     <div id="body"> 
      @RenderSection("featured", required: false) 
      <section class="content-wrapper main-content clear-fix"> 
       @RenderBody() 
      </section> 
     </div> 
     <footer> 
      <div class="content-wrapper"> 
       <div class="float-left"> 
        <p>&copy; @DateTime.Now.Year 
       </div> 
      </div> 
     </footer> 
     @Scripts.Render("~/bundles/jquery") 
     @Scripts.Render("~/bundles/jqueryui") 
     @Scripts.Render("~/Content/themes/base/css", "~/Content/css") 
     @Scripts.Render("~/bundles/bootstrap") 
     @Scripts.Render("~/bundles/fullcalendar") 
     @RenderSection("scripts", required: false) 
    </body> 
</html>

但是当我运行我的应用程序，也没有手风琴。我在教程中添加了jQuery-ui.css和BundleConfig中的代码，但没有任何效果。我究竟做错了什么？由于

来源

2016-11-26 dasdasd

请告诉我们，如果你在控制台有错误的一个例子。 –

@亚历-IonutMihai没有错误，只有当我运行它不会出现任何手风琴 – dasdasd

你在你的代码的一些错误：你已经在你的'layout'页面加载两次一些库。 –

所有你需要的是包含在你看来jquery插件和jquery-ui.css。

另一个解决方案是设置layout在视顶部。

@{ 
    Layout="~/your_layout_path"; 
}

这里是工作solution

来源

2016-11-26 18:56:53

手风琴MVC 4

回答

相关问题