我想在WordPress 3.1.4页面中使用jQuery UI选项卡。我为VB编写编程教程。NET观众，但也喜欢提供C#源代码，我想使用选项卡让读者在两者之间切换。我可能可以自己安排时间，但这应该是一个“了解jQuery”项目。事实证明，这更像是一个“WTF WordPress”项目。我在JS中几乎没有什么功能，并试图纠正这一点。我不是WP大师，也不想学到更多我需要知道的东西。

我有一个页面，它只是jQuery UI选项卡演示的复制/粘贴。它不起作用；列表和所有div都可见，没有实际的选项卡。我知道这是因为我需要一些CSS，但这是我筋疲力尽的地方。我不相信CSS会让它继续工作，我甚至不知道如何判断问题是CSS、我的JS还是我的WP。在我开始这个项目之前，我的博客“刚刚工作”，这就是我喜欢我不工作的东西的方式。

我尝试的第一件事是将用于jQuery的Google CDN放在我主题的标题中。php。我可以让警报工作，但无论我做什么，标签都不会显示出来。（我现在知道这是因为我显然需要一些CSS。谢谢你没有提到jQuery文档！）所以我开始做一些研究，并意识到WP加载jQuery，就像加载许多插件一样（尽管我只运行垃圾邮件Karma和Askimet）加载Google jQuery可能会引起一些混乱，这是有道理的。经过一些研究，我发现有几个网站建议将wp\\u enqueue\\u script（）放在我的标题中。文档列出了一组脚本，所以我添加了“jquery”、“jquery ui核心”和“jquery ui选项卡”。我可以看到加载jQuery的脚本标记（版本1.4.4…）在我的标题中，但其他标记似乎没有效果。我知道它是在“无冲突”模式下加载的，所以通常使用“$（）”时使用“jQuery（）”。我可以让警报工作，但不能让选项卡工作。我再次表示怀疑，因为我的页面看起来根本没有试图加载jQuery UI。这可能无关紧要，因为我不确定WP是否具有正确的CSS。我看到一些页面建议我必须在页面的页脚中加载jQuery UI，其他页面则声称我需要在函数中添加一些我不懂的东西。php，以及一些其他的解决方案，这些解决方案来自一些太旧而不可信的文章。我不知道下一步该怎么办。

如果我做了一些工作来找出我需要的CSS（再次感谢jQuery“文档”！）我可以让制表符处理本地文件。在WP中，我使用的是二十十主题；我唯一的修改就是添加了SyntaxHighlighter脚本（如果有人告诉我我已经足够接近了，我会禁用它，这应该可以工作了，它们可能就是问题所在。）我今天刚升级到WP 3.1.4。以下是相关文件的内容，您可以查看源代码以查看HTML的外观：

header.php

<?php wp_enqueue_script("jquery"); ?>
<?php wp_enqueue_script("jquery-ui-core"); ?>
<?php wp_enqueue_script("jquery-ui-tabs"); ?>
<script type="text/javascript" src="http://www.owenpellegrin.com/blog/highlight/scripts/shCore.js"></script>
<script type="text/javascript" src="http://www.owenpellegrin.com/blog/highlight/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="http://www.owenpellegrin.com/blog/highlight/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="http://www.owenpellegrin.com/blog/highlight/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.owenpellegrin.com/blog/highlight/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://www.owenpellegrin.com/blog/highlight/styles/shThemeDefault.css"/>
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>
<meta charset="<?php bloginfo( \'charset\' ); ?>" />
<title><?php
(... the rest of the default TwentyTen header.php ...)

the linked page

<script>
jQuery("document").ready(function() {
    jQuery( "#tabs" ).tabs();
});
</script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        <p>Tab 1 content.</p>
    </div>
    <div id="tabs-2">
        <p>Tab 2 content</p>
    </div>
    <div id="tabs-3">
        <p>Tab 3 content</p>
    </div>
</div>

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