Вкладки jQuery - сортируются по дням? - PullRequest
0 голосов
/ 08 января 2010

Возможно ли использовать вкладки jQuery (сортируемые) для предварительной сортировки по текущему дню?

<script type="text/javascript">
    $(function() {
        $("#tabs").tabs().find(".ui-tabs-nav").sortable({axis:'x'});
    });
</script>

У меня 7 вкладок, и клиент хочет, чтобы текущий день отображался первым.

Вот сайт с примерами вкладок: http://draft3.buildthesis.com/

1 Ответ

1 голос
/ 08 января 2010

Я понял это для себя.Вместо того, чтобы использовать любой java, я создаю условный переключатель и использовал вместо него .CSS ui-tabs-selected.Теперь, независимо от того, какой сегодня день недели, эта вкладка будет отображаться первой.

function tabs() {

$day = date("D");
switch ($day) {
                case Mon:
                    $show1 = 'ui-tabs-selected';
                    break;
                case Tue:
                    $show2 = 'ui-tabs-selected';                
                    break;
                case Wed:
                    $show3 = 'ui-tabs-selected';
                    break;
                case Thu:
                    $show4 = 'ui-tabs-selected';
                    break;
                case Fri:
                    $show5 = 'ui-tabs-selected';
                    break;
                case Sat:
                    $show6 = 'ui-tabs-selected';
                    break;
                case Sun:
                    $show7 = 'ui-tabs-selected';
                    break;
   }
?>
<div id="tabs">
    <ul>
        <li class="<?php echo $show1; ?>"><a href="#tabs-1">Mon</a></li>
        <li class="<?php echo $show2; ?>"><a href="#tabs-2">Tue</a></li>
        <li class="<?php echo $show3; ?>"><a href="#tabs-3">Wed</a></li>
        <li class="<?php echo $show4; ?>"><a href="#tabs-4">Thur</a></li>
        <li class="<?php echo $show5; ?>"><a href="#tabs-5">Fri</a></li>
        <li class="<?php echo $show6; ?>"><a href="#tabs-6">Sat</a></li>
        <li class="<?php echo $show7; ?>"><a href="#tabs-7">Sun</a></li>
    </ul>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...