文章/答案/技术大牛

发布

社区首页 >问答首页 >当日打开的Weekday UI选项卡

问当日打开的Weekday UI选项卡
EN

Stack Overflow用户

提问于 2011-10-07 07:23:51

回答 1查看 1.9K关注 0票数 2

我有以下工作日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();

但不能让它工作，希望能得到一些帮助。另外，我希望当天的标签显示“今天”而不是“工作日”。

如果能帮上忙我会很感激。

谢谢,

布兰登

jquery-ui

tabs

weekday

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-10-07 07:36:47

您可以使用以下命令来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库。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7681597

复制

相似问题

问当日打开的Weekday UI选项卡
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当日打开的Weekday UI选项卡EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当日打开的Weekday UI选项卡
EN