幫助JQuery手風琴？

我在將JQuery手風琴放入網站時遇到了一些麻煩。我覺得我做的一切都正確，但它不能正常工作。我把這個網站放在了手風琴裏，裏面有一些簡單的Lorem Ipsum文字。如果任何人都可以提供幫助，將不勝感激。這裏是鏈接：http://www.catanesedesign.com/test/events.html。我無法在此網站上使代碼易讀，但您可以在鏈接中看到源代碼。底部有沒有內容的div，但那是因爲我沒有完成頁面，而且這些不應該影響手風琴。幫助JQuery手風琴？

在此先感謝您的幫助。

來源

2010-10-07 user433143

首先，你的jQuery UI css文件似乎有問題。它說404 - 沒有找到。

來源

2010-10-07 20:07:17 dominik

哇，我不能相信我錯過了。這實際上解決了問題。謝謝。 – user433143 2010-10-07 20:16:15

我拿出LavaLamp的東西，並使用一些其他的jQuery的文件，並得到它的工作：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Alliance for New Music Theater</title> 
<link href="css.css" rel="stylesheet" type="text/css" /> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $("#accordion2").accordion(); 
    }); 
    </script> 
    <link href="jquery-ui-1.8.5.custom.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<div id="container" align="center"> 
<div id="header"> 
<img src="header.jpg" width="800" height="100" alt="curtains" /> 
</div> 
<div id="navbar"> 
<ul class="lavaLamp"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Featured Work</a></li> 
      <li><a href="#">Featured Artist</a></li> 
      <li><a href="#">Members</a></li> 
      <li><a href="#">Events</a></li> 
     </ul> 
</div> 
<div id="row1"> 
<div id="accordion2"> 
    <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> 
    <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> 
    <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> 
    </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> 
    </div> 
</div> 
</div> 
</div> 
</div> 
</body> 
</html>

來源

2010-10-07 20:13:36 shady

幫助JQuery手風琴？

回答

相關問題