2012-11-29 45 views
0

我根據http://jqueryui.com/accordion/#custom-iconsJQuery的手風琴的Widget點擊下拉圖標不正確的位置

出於某種原因,下拉圖標(UI圖標)來實現一個簡單的jQuery手風琴構件的定位我的欄目標題文本中:accordion-widget

有沒有其他人經歷過這個?

HTML:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Accordion - Default functionality</title> 
</head> 
<body> 
<div id="accordion"> 
    <h3>Section 1</h3> 
    <div> 
     <p> 
      Mauris mauris ante...shortened. 
     </p> 
    </div> 
    <h3>Section 2</h3> 
    <div> 
     <p> 
      Sed non urna...shortened. 
     </p> 
    </div> 
    <h3>Section 3</h3> 
    <div> 
     <p> 
      Nam enim risus...(shortened). 
     </p> 
     <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
    </div> 
    <h3>Section 4</h3> 
    <div> 
     <p> 
      Cras dictum....(shortened). 
     </p> 
     <p> 
      Suspendisse eu nisl...(shortened). 
     </p> 
    </div> 
</div> 
</body> 
</html>​ 

CSS:

body { 
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; 
    font-size: 62.5%; 
}​ 

的javascript:

$("#accordion").accordion();​ 

謝謝!

回答

1

我想通了!我爲jquery-ui.css,jquery-1.8.2.js和jquery-ui.js使用了1.8.2版本。我假設有某種衝突。

一旦我更改爲以下版本,下拉圖標出現正確...

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>