открытых вкладок на текущий день в 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> 

и яваскрипта

$('#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>