我正在建立电视清单,并且正在使用带有标签的标签简码:
星期一
星期二
星期三
星期四
星期五
星期六
星期日
每个选项卡都会显示一个具有电视列表的节点。
我希望标签会根据日期显示
例如:今天是星期五,因此当用户进入电视时间表页面时,活动标签将是星期五。
我找到了这个解决方案:
的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/