$(...).tabs不是函数

Question

我在我的网站上有两个页面上有这个代码，但是在一个页面上这个函数不起作用。Firebug告诉我“$(...).tabs不是一个函数”。我不明白为什么，有人能告诉我出了什么问题吗？

这是有效的：http://www.invat-online.net/variante-rezolvate

这不起作用：http://www.invat-online.net/variante-explicate-limba-romana/varianta-01

代码如下：

<div id="tabss">
    <ul>
        <li><a href="#SubiectI">Subiect I</a></li>
        <li><a href="#SubiectII">Subiect II</a></li>
        <li><a href="#SubiectIII">Subiect III</a></li>
    </ul>
    <div id="SubiectI">content here</div>
    <div id="SubiectII">content here</div>
    <div id="SubiectIII">content here</div>
</div>

$(document).ready(function() {
   $("#tabss").tabs();
});

Answer 1

您拥有javascript文件的相对路径：

javascript/jquery-ui-1.9.2.custom.min.js

将它们更改为绝对路径，因为您使用的是mod_rewrite模块

/javascript/jquery-ui-1.9.2.custom.min.js

在第一个链接中，服务器正在查找目录

http://www.invat-online.net/javascript/my_js_file.js (已存在)

但在第二个路径中，路径将是

不存在的http://www.invat-online.net/variante-explicate-limba-romana/javascript/my_js_file.js

Answer 2

在我的例子中：

我用的是

jquery-ui-1.10.3.minimal.min.js

而不是

jquery-ui-1.10.3.custom.min.js

最小版本不包含ui.tabs.js，因此没有ui.tabs函数。希望这能对其他人有所帮助

Answer 3

问题是jQuery UI、js和css没有加载。

尝试将您的<script>标签中的路径更改为../javascript以上的目录或网站根/javascript。

<script src="/javascript/head.min.js"></script>
<script src="/javascript/jquery-ui-1.9.2.custom.min.js"></script>
<link href="/stylesheets/smoothness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" />