Question

是否可以使用jQuery Tabs（Sortable）在当天对它们进行预先排序？

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

我有7个标签，客户希望当天首先显示。

以下是包含标签示例的网站：http://draft3.buildthesis.com/

Answer 1

我为自己想出来了。我没有插入任何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>

jQuery标签 - 按日排序？

1 个答案: