javascript - wordpress 中当天打开的选项卡

Question

我正在构建一个电视列表，并且我正在使用带有选项卡的选项卡短代码:

• 周一
• 星期二
• 星期三
• 星期四
• 星期五
• 星期六
• 周日

每个选项卡都会显示一个包含电视列表的节点。

我希望选项卡将根据日期显示

示例:今天是星期五，因此当用户进入电视节目表页面时，事件选项卡将是星期五。

我找到了这个解决方案:html:

    <div id="tabs">
<ul>
    <li><a href="monday.php">Monday</a></li>
    <li><a href="tuesday.php">Tuesday</a></li>
    <li><a href="wednesday.php">Wednesday</a></li>
    <li><a href="thursday.php">Thursday</a></li>
    <li><a href="friday.php">Friday</a></li>
    <li><a href="saturday.php">Saturday</a></li>
    <li><a href="sunday.php">Sunday</a></li>
</ul>

和 JavaScript

    $('#tabs').tabs();
$('#tabs').tabs('select', ((new Date().getDay() || 7) - 1));
$('#tabs .ui-state-active a').text('Today');

但它在 WordPress 中不起作用。我已经尝试了一切，但这段代码不想工作。我的意思是它可以工作(您可以在提供的链接中看到演示)，但它不会在 WordPress 页面上。有什么想法吗？或者也许有人知道这个函数的另一个脚本可以在 wordpress 中工作？..

Answer 1

您需要确保 jQuery 已加载到您的页面上。您还需要确保您的 javascript 在页面加载后加载。试着把这个放在你的脑海里:

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

<script>
window.onload = function () {
    $('#tabs').tabs();
    $('#tabs').tabs('select', ((new Date().getDay() || 7) - 1));
    $('#tabs .ui-state-active a').text('Today');
}
</script>