JQuery手風琴沒有隱藏部分

我想使用jQuery手風琴工具創建表單，所以我使用了jQuery網站的一些示例代碼，但它根本不起作用！JQuery手風琴沒有隱藏部分

JavaScript沒有做任何事情，所以你只是得到了HTML呈現。我正在使用jquery-ui版本1.6rc6的jQuery版本1.3.1。

<head runat="server"> 
    <script src="/scripts/jquery-1.3.1.js" type="text/javascript"></script>  
    <script src="/scripts/jquery-ui-personalized-1.6rc6" type="text/javascript"></script> 
    <title>JQuery Test</title> 
</head> 
<body> 

<div class="demo"> 

<div id="accordion"> 
    <div> 
     <h3><a href="#">Section 1</a></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> 
    </div> 
    <div> 
     <h3><a href="#">Section 2</a></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> 
    <div> 
     <h3><a href="#">Section 3</a></h3> 
     <div> 
      <p> 
      Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. 
      Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero 
      ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis 
      lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. 
      </p> 
      <ul> 
       <li>List item one</li> 
       <li>List item two</li> 
       <li>List item three</li> 
      </ul> 
     </div> 
    </div> 
    <div> 
     <h3><a href="#">Section 4</a></h3> 
     <div> 
      <p> 
      Cras dictum. Pellentesque habitant morbi tristique senectus et netus 
      et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in 
      faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia 
      mauris vel est. 
      </p> 
      <p> 
      Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. 
      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per 
      inceptos himenaeos. 
      </p> 
     </div> 
    </div> 
</div> 

</div> 

<script type="text/javascript">    
$(document).ready(
     function() { 
      $('#accordion').Accordion(
      { 
       header: "h3" 
      } 
    ); 
</script> 
</body> 
</html>

我用盡了一切我能想到的和拖網網，仍然不能得到這個簡單的演示工作，任何人都可以點我在正確的方向？

不要緊，我用什麼瀏覽器，但螢火說$（「＃手風琴」）。手風琴是不是一個函數

感謝

來源

2009-02-01 mancmanomyst

手風琴的功能是全部小寫，你還缺少一個括號和一個大括號：

$(document).ready(
     function() { 
      $('#accordion').accordion(
      { 
       header: "h3" 
      }); 
      } 
    );

見你的腳本運行here，如果你想與您的代碼玩去了here。

來源

2009-02-01 19:31:55 CMS

以前從未見過JS斌，很酷！ – 2009-02-01 19:39:50

你肯定JS的參考是正確的，裝？您是否嘗試過使用螢火蟲的js調試器來進入jquery代碼來驗證這一點？

編輯：應該調用手風琴的函數是小寫嗎？

來源

2009-02-01 19:23:06

我前幾天做了一個，所以我知道它的工作原理。沒有嘗試你的代碼，很難趕上bug。但是我認爲如果將「手風琴」改爲「手風琴」，你可能會好起來的。

 $('#accordion').Accordion(
     { 
      header: "h3" 
     }

來源

2009-02-01 19:26:42 Nosredna

啊，我抓住大寫字母A，然後停下來看。一個好的IDE隨時跟蹤括號，括號和大括號的不匹配情況，所以我再也不會有開放/關閉問題了，因此我不會在其他人的代碼中查找它們。 – Nosredna 2009-02-01 19:35:41

JQuery手風琴沒有隱藏部分

回答

相關問題