我有如下工作日 jQuery UI 选项卡,我想在当前工作日打开它们:
<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>
<script type="text/javascript">
$(function() {
$( "#tabs" ).tabs({
ajaxOptions: {
error: function( xhr, status, index, anchor ) {
$( anchor.hash ).html(
"Couldn't load this tab. We'll try to fix this as soon as possible. " +
"If this wouldn't be a demo." );
}
}
});
});
</script>
我希望选项卡在一周的当天打开,我知道这样的方法有效:
.eq((new Date().getDay() || 7) - 1).click();
但无法让它工作,希望得到一些帮助。另外,我希望当天的选项卡显示“今天”一词,而不是工作日。
我希望得到一些帮助。
谢谢
布伦登
最佳答案
您可以使用以下内容来 select
与当前日期匹配的选项卡:
$('#tabs').tabs('select', ((new Date().getDay() || 7) - 1));
您可以使用以下内容修改事件选项卡的文本:
$('#tabs .ui-state-active a').text('Today');
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>
</div>
JavaScript
$('#tabs').tabs();
$('#tabs').tabs('select', ((new Date().getDay() || 7) - 1));
$('#tabs .ui-state-active a').text('Today');
并且需要 jQuery 和 jQuery UI 库。
关于jquery-ui - 工作日 jQuery UI 选项卡在当天打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7681597/