2013-08-31 88 views
1

我的代碼JQuery的手風琴不工作:當代碼似乎好

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/> 
     <script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.js'></script> 
     <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 
     <script> 
      $(document).ready(function(){ 
       $("#menu").accordion(); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="menu"> 
      <h3>Section 1</h3> 
      <div> 
       <p>I'm the first section!</p> 
      </div> 
      <h3>Sectio 2</h3> 
      <div> 
       <p>Tab 2</p> 
      </div> 
      <h3>Section 3</h3> 
      <div> 
       <p>Tab 3</p> 
      </div> 
     </div> 
    </body> 
</html> 

我已經試了好幾次,但頁面不顯示爲預期在谷歌Chrome.Please可能有人幫助我。

+1

它看起來不錯,在這裏檢查http://jsfiddle.net/9Nmnu/ – Sergio

+0

沒有看到任何問題。 – Harry

+0

好笑!但我拒絕工作,我使用NotePad ++。 –

回答

1

在你的鏈接到jQuery用戶界面添加http

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 

它拋出錯誤,因爲該庫沒有正確加載。

+0

謝謝!這讓它工作。並感謝所有其他人。 –