手风琴jquery不工作

我想在我的mvc主页/索引视图中使用jquery ui（https://jqueryui.com/accordion/#collapsible）的手风琴，但无法使其工作。手风琴jquery不工作

@{ 
ViewBag.Title = "Home Page"; 
} 
    <script> 
     $(function() { 
      $("#accordion").accordion({ 
       collapsible: true 
      }); 
     }); 
    </script> 


<div id="accordion"> 
    <h3>Section 1</h3> 
    <div> 
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p> 
    </div> 
    <h3>Section 2</h3> 
    <div> 
    <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> 
    </div> 
</div>

来源

2014-02-22 user3288249

在控制台上是否有任何错误？ –

不，只显示为文本当选择标题时什么也没有发生 – user3288249

这与jQuery UI演示站点中的示例相同，一切正常，请检查您对js和css文件的引用，确保已添加所有css引用，它是对jQuery UI很重要 –

确保您包括jQuery的JS文件，这是之前的jQuery UI的JS文件。

<link href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript" src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

来源

2014-02-22 22:41:11 Mooseman

手风琴jquery不工作

回答

相关问题