标签页在 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>