JQuery不适用于制表符快捷代码

时间:2013-01-08 作者:Dean Elliott

请参阅参考URL-http://prothemeus.com/demo/fact/shortcodes/

如果您查看此页面底部的选项卡,每当我单击每个选项卡时,它都不会显示下面的内容。

我发现这是一个jQuery问题,但jQuery不是我的强项。。。

有什么想法吗?

2 个回复
SO网友:Steve

查看选项卡上的jQuery UI文档here.

如果查看演示的源代码,您将看到整个选项卡内容都包装在一个div中。您的源代码/HTML选项卡没有按照文档包装在一个div中。

SO网友:bosco

嗯,这里似乎有很多事情出了问题。首先,您的内容<li>s的ID为title-1, title-2 title-3-title-4 (注意后一个前面的破折号)。

单击选项卡,“我的控制台”会为每个选项卡显示一个错误,大意是,

Uncaught Error: Syntax error, unrecognized expression: http://prothemeus.com/demo/fact/shortcodes/#title-2Tab 
这里首先想到的是,你的锚不应该使用绝对URL。将其更改为http://prothemeus.com/demo/fact/shortcodes/#title-2 简单地#title-2.

我不完全清楚为什么“Tab”这个词会附加到错误消息中返回的URL的末尾,但在搜索过程中,为了弄清楚为什么我会四处搜索,以查找调用的位置.tabs() 但我无法在你的来源中找到它。正如@Stephen所指出的.tabs() 函数应该在一个元素作为选项卡和内容幻灯片的容器时调用,该元素似乎不在页面中。

还值得注意的是,您使用的是jQuery的生产发行版,尽管它已经缩小,但您的脚本将更容易使用开发发行版进行调试。

最后,这个问题与Wordpress无关,只是Wordpress正在为站点提供服务,事实上这个问题是针对jQuery UI的。您可能会发现更为通融或适当的回答标记为jQuery 在任何一个StackOverflowProgrammers.

结束

相关推荐

对于在POST中工作的脚本,jQuery inLuclude似乎仍然是必需的

我有一个jQuery脚本,只要我在帖子中包含对jQuery库的引用,它就可以在WordPress帖子中正常工作。<script src=\"http://code.jquery.com/jquery-latest.js\"></script>据我所知,这不是引用jQuery的正确方法,因为它已经包含在WordPress中(使用v3.4.2)。如果删除内联引用,脚本将失败,控制台将显示“$”未定义。根据讨论jQuery中无冲突模式的文章,我还尝试将“$”替换为“jQuery”。可以查