jQuery选项卡已加载但在WordPress中无法运行

时间:2011-06-08 16:48:16

标签: javascript jquery wordpress jquery-ui

我正在尝试使用WordPress中的jQuery UI选项卡,但我不断获得“jQuery(”#“)。tabs不是函数”错误。

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

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

感谢您的帮助!

2 个答案:

答案 0 :(得分: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不是方法,因为它尚未定义。

答案 1 :(得分:1)

刚刚在Drupal上遇到这个问题并通过下载选中了选项卡的jQuery UI库的自定义构建来解决它。显然,Drupal附带的默认jQuery UI库没有这个模块,所以WP可能就是这种情况。