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>

标签在wordpress当天打开

1 个答案: