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();

しかし、それを機能させることができず、助けていただければ幸いです。また、現在の日のタブに、平日ではなく「今日」という単語を表示したいと思います。

助けていただければ幸いです。

ありがとう、

ブレンドン

4

1 に答える 1

3

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 ライブラリが必要です。

デモ

于 2011-10-06T23:36:46.833 に答える