由于某种原因,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">
这个问题可能由几个不同的原因引起:
由于前两个不适用于您,我建议仔细检查路径并使用完整的 jQuery UI 库而不是自定义库:
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
使用两个
jquery.js
文件可能会导致冲突并导致抛出错误。避免导入两个或多个 jquery.js
文件。
在最后的代码行中,按以下顺序包含脚本:-
无需包含以下内容,因为上面的脚本将处理这些内容。
js 文件的顺序很重要!
/external/jquery/jquery.js should be listed above jquery-ui.js!
我在 WordPress 网站上遇到了同样的问题。我将其添加到标题中。 使用
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>