我正在建立电视清单,并且正在使用带有标签的标签简码:


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


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

我希望标签会根据日期显示

例如:今天是星期五,因此当用户进入电视时间表页面时,活动标签将是星期五。

我找到了这个解决方案:
的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中工作?

最佳答案

您需要确保页面上已加载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>

关于javascript - 在Wordpress中打开当天的标签页,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30399027/

10-16 21:07
查看更多