Jquery ui jQuery选项卡-可按天排序?

Jquery ui jQuery选项卡-可按天排序?,jquery-ui,Jquery Ui,是否可以使用jQuery选项卡(可排序)按当前日期对它们进行预排序 <script type="text/javascript"> $(function() { $("#tabs").tabs().find(".ui-tabs-nav").sortable({axis:'x'}); }); </script> $(函数(){ $(“#tabs”).tabs().find(“.ui tabs nav”).sortable({axis:'x

是否可以使用jQuery选项卡(可排序)按当前日期对它们进行预排序

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

$(函数(){
$(“#tabs”).tabs().find(“.ui tabs nav”).sortable({axis:'x'});
});
我有7个选项卡,客户端希望首先显示当前日期

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>

以下是带有选项卡示例的站点:

我自己想出来的。我构建了一个条件开关,并使用了所选的.cssui选项卡,而不是使用任何java。现在,无论是哪一天,该选项卡都将首先显示

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>
功能选项卡(){
$day=日期(“D”);
交换机(天){
案例1:
$show1='ui-tabs-selected';
打破
案例二:
$show2='ui-tabs-selected';
打破
案件星期三:
$show3='ui-tabs-selected';
打破
案例Thu:
$show4='ui-tabs-selected';
打破
案例五:
$show5='ui-tabs-selected';
打破
案例Sat:
$show6='ui-tabs-selected';
打破
孙先生:
$show7='ui-tabs-selected';
打破
}
?>