Question

我正在使用DATA-TABLES：Jquery UI标签：

以下判断：

工作正常。

简短：

$(document).ready(function() {
    $("#tabs").tabs( {
        "activate": function(event, ui) {
            var table = $.fn.dataTable.fnTables(true);
            if ( table.length > 0 ) {
                $(table).dataTable().fnAdjustColumnSizing();
            }
        }
    } );

    $('table.display').dataTable( {
        "sScrollY": "200px",
        "bScrollCollapse": true,
        "bPaginate": true,
        "bJQueryUI": false,

    } );
} );

但是我希望我的第二个标签（sha-2）首先应该是活动的。 - PLS检查以上jsfiddle LINK FOR DEMO

另外我如何使用用户明智地制作活动标签，我的意思是如果我有3个标签，那么resp。选项卡应仅处于活动状态。用户（谁在系统中登录）..否则其他选项卡应该是禁用或不活动或不能点击。用户

Answer 1

选择活动标签：

$("#tabs").tabs({ active: 1 })

Answer 2

<强> DEMO

这是你可以做到的：

$(document).ready(function() {
    $("#tabs").tabs( {
        active: 1,//Tab no.2 "Sha-2" by default active on page load,
        disabled: [ 0, 2 ],//disable tab no. 1 and 3
        "activate": function(event, ui) {
            var table = $.fn.dataTable.fnTables(true);
            if ( table.length > 0 ) {
                $(table).dataTable().fnAdjustColumnSizing();
            }
        }
    } );

    $('table.display').dataTable( {
        "sScrollY": "200px",
        "bScrollCollapse": true,
        "bPaginate": true,
        "bJQueryUI": false,

    } );
} );

============使用PHP代码，您必须执行以下操作：

$("#tabs").tabs( {
<?php
if($_SESSION['current_user']->access == "SUPPORT"){
?>
            active: 1,//Tab no.2 "Sha-2" by default active on page load,
            disabled: [0],//disable tab no. 1
<?php
}
if($_SESSION['current_user']->access == "DESIGNER")
{ 
?>
            active: 0,//Tab no.2 "Sha-1" by default active on page load,
            disabled: [1],//disable tab no. 2
<?php
}
?>

        "activate": function(event, ui) {
            var table = $.fn.dataTable.fnTables(true);
            if ( table.length > 0 ) {
                $(table).dataTable().fnAdjustColumnSizing();
            }
        }
    } );

数据表：jQuery UI选项卡：使用户明智地激活选项卡

2 个答案: