0

我正在尝试从此示例中使用 jQuery 创建手风琴

http://docs.jquery.com/UI/Accordion

标记是相同的,即

<div id="accordion">
   <h3><a href="#">First header</a></h3>
   <div>First content</div>
   <h3><a href="#">Second header</a></h3>
   <div>Second content</div>
</div>

而且我有正确排队的脚本文件,其中包含以下内容:

$ = jQuery;
$(document).ready(function() {
   $("#accordion").accordion();
});

但我在控制台输出中收到此错误

TypeError: 'undefined' is not a function (evaluating '$("#accordion").accordion()')

结果是所有 div 都被展开,即不可点击。

4

2 回答 2

1

这是你在找什么:http: //jsfiddle.net/epinapala/faEg9/

我想你的依赖 js 文件不存在!

 <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.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<div id="accordion">
   <h3><a href="#">First header</a></h3>
   <div>First content</div>
   <h3><a href="#">Second header</a></h3>
   <div>Second content</div>
</div>​

  $(document).ready(function() {
    $("#accordion").accordion();
  });​
于 2012-06-24T09:06:27.453 回答
-1

尝试使用这个:

//$ = jQuery; 
jQuery(document).ready(function() {
     $("#accordion").accordion();
});
于 2012-06-24T09:10:12.413 回答