jQuery选项卡不起作用(Wordpress)

Question

我想把标签放在我的wordpress网站的一个页面上。我在我的页面上是这样组织的：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab 1</a></li>
        <li><a href="#tabs-2">tab 2</a></li>
        <li><a href="#tabs-3">tab 3</a></li>
    </ul>
    <div id="tabs-1">content tab 1</div>
    <div id="tabs-2">content tab 2</div>
    <div id="tabs-3">content tab 3</div>
</div>

在wp_head()之前的header.php文件中有这样一行php代码；

wp_enqueue_script( 'jquery-ui-tabs' );

我的标签页不想成为标签页，但我看到的是项目符号列表而不是它们。

有人能帮帮我吗？

Answer 1

您需要在header.php中激活选项卡(一旦DOM准备就绪)，如下所示。

<script type="text/javascript">
    $(document).ready(function() {
      $("#tabs").tabs();
    });
</script>

将其粘贴到<?php wp_head(); ?>行的正上方，然后保存该文件，您就可以开始工作了。

Answer 2

谢谢你的回答。

我按照您的建议粘贴了代码，但我的页面上没有任何更改。

也许我应该以某种方式将jQuery脚本(从jquery.com下载)连接到我的网站，或者连接到Google Libraries？