Jquery ui jQuery选项卡-可按天排序?
是否可以使用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
<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';
打破
}
?>