jQuery UI:TypeError:$(...)。accordion不是一个函数

时间:2013-02-15 15:36:40

标签: javascript jquery jquery-ui jquery-ui-accordion

出于某种原因 jQuery UI Accordion 不起作用。我一直收到这个错误:

  

TypeError:$(...)。accordion不是函数

我做错了什么?基于此网站上类似主题的其他答案,我认为它与所包含的文件有关。

我的标题包括:

<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  

<!-- CSS -->
<link rel="stylesheet" href="<?php echo base_url(); ?>css/base_con.css">
<link rel="stylesheet" href="<?php echo base_url(); ?>css/skeleton.css">
<link rel="stylesheet" href="<?php echo base_url(); ?>css/layout.css">

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Favicons -->
<link rel="shortcut icon" href="<?php echo base_url(); ?>images/favicon.ico">
<link rel="apple-touch-icon" href="<?php echo base_url(); ?>images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="stylesheet" href="<?php echo base_url(); ?>css/custom-theme/jquery-ui-1.10.0.custom.css" type="text/css" />

<!-- Scripts -->
<script src="<?php echo base_url(); ?>js/jquery-1.9.0.js"></script>
<script src="<?php echo base_url(); ?>js/jquery-ui-1.10.0.custom.js"></script>
<script src="<?php echo base_url(); ?>js/responsiveslides.min.js" type="text/javascript">

4 个答案:

答案 0 :(得分:30)

这个问题可能来自几件不同的事情:

  • 您不包括jQuery UI库。
  • 您将jQuery UI库包含在jQuery库
  • 之上
  • jQuery UI和jQuery库的路径可能不正确
  • 您使用的是没有手风琴的自定义jQuery UI库

由于前两个不适用于你,我建议三重检查路径并使用完整的jQuery UI库而不是自定义的库:

<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

答案 1 :(得分:8)

使用两个jquery.js文件可能会导致冲突并导致抛出错误。避免导入两个或更多jquery.js个文件。

答案 2 :(得分:1)

在您的上一个代码行中,按以下顺序包含脚本: -

 

不需要包含以下内容,因为上面的脚本会照顾它们。

答案 3 :(得分:1)

js文件的顺序很重要!

/external/jquery/jquery.js should be listed above jquery-ui.js!