jQuery UI：TypeError：$(...).accordion 不是函数答案

【问题标题】：jQuery UI: TypeError: $(...).accordion is not a functionjQuery UI：TypeError：$(...).accordion 不是函数
【发布时间】：2013-01-31 15:02:50
【问题描述】：

由于某种原因，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">

【问题讨论】：

您的自定义 jqueryui 实际上是否包含手风琴插件？
确保您的 jQuery 核心文件和 jQuery UI 文件的路径正确。查看 Firebug 或其他一些控制台工具以确保它们正在加载。
感谢 Richard，已修复 :)

标签： javascript jquery jquery-ui jquery-ui-accordion

【解决方案1】：

在最后的代码行中，按以下顺序包含脚本：-

没有必要包含以下内容，因为上面的脚本会处理它。

【讨论】：

【解决方案2】：

这个问题可能由几个不同的原因引起：

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

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

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

【讨论】：

谢谢！我没有意识到 jQuery UI 库必须包含在 jQuery 之后。

【解决方案3】：

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

【讨论】：

【解决方案4】：

js 文件的顺序很重要！

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

【讨论】：