javascript - jQuery 选项卡已加载但在 WordPress 中不起作用

Question

我正在尝试在 WordPress 中使用 jQuery UI 选项卡，但我不断收到“jQuery("#").tabs 不是函数”错误。

我以为选项卡文件可能没有加载，但在 firebug 中查看它显示它正在加载。我也在使用 modernizr 所以我认为可能与它有冲突但是使用 jQuery.noConflict();也没有解决问题。起初我曾经加载 jQuery 但由于某种原因它不起作用。现在我只是直接链接到文件，它们正在加载。

如果有帮助，我正在尝试让标签为 this tutorial 工作.我工作的网站是lbk.newcoastmedia.com/wordpress

感谢您的帮助!

Answer 1

我看到您的页面上正在加载以下脚本:

modernizr-1.6.min.js
l10n.js
jquery.js
galleria.js

和

<script type="text/javascript"> 
jQuery(document).ready(function($){
    $("#photo-rotator").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 4000);
});
</script> 

$.tabs 是 jQuery UI 的扩展，我没有看到 jQuery UI 或 选项卡扩展加载到您的页面上。查看源码的最底部at your link并且您会看到以下两个脚本，我相信这是您所缺少的。

ui.core.js
ui.tabs.js

你的调试器提醒你 $.tabs 不是一个方法，因为它还没有被定义。