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>

和header.php文件中的这样一行php代码，就在wp_head（）之前;

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库？

jQuery标签不起作用（Wordpress）

2 个答案: