2014-02-22 193 views
0

我想在我的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> 
+0

在控制檯上是否有任何錯誤? –

+0

不,只顯示爲文本當選擇標題時什麼也沒有發生 – user3288249

+0

這與jQuery UI演示站點中的示例相同,一切正常,請檢查您對js和css文件的引用,確保已添加所有css引用,它是對jQuery UI很重要 –

回答

1

確保您包括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>