API 说您不能禁用事件选项卡,我认为这是我的问题的症结所在。

我在一个 UI 选项卡中有六个选项卡。在 ajax 调用后,其中一个选项卡有时是空的,以根据用户单击新的 UI Accordion 选择来用数据填充所有选项卡。每当用户进行新选择时,我都会使用“零”选项卡作为默认选择的选项卡。

我使用以下代码在加载有时为空的选项卡以在其为空时禁用选项卡的 php 文件中进行编码。除非用户在单击新的 UI Accordion 选择时选择了此选项卡,否则它工作正常。只有在这种情况下,空选项卡才会保持启用状态。

?> 
    <script type="text/javascript"> 
      $(document).ready(function() { 
          $( "#tabs" ).tabs( "option", "disabled", false); 
      }); 
    </script> 
<?php 
}else{  
?> 
    <script type="text/javascript"> 
      $(document).ready(function() { 
          $( "#tabs" ).tabs( "option", "disabled", [2]); 
      }); 
    </script> 

有人可以提出一个策略吗?

这是包含 ajax 调用的脚本:
<script type="text/javascript">                 
    $('.stallion').live('click', function(){ 
 var id = parseInt(this.id);  // Get stallion_ID from clicked "a" tag id. 
 activestallion(id);  // Function to indicate clicked Stallion in Stallion Accordion 
        // Start loading Overview Tab 
        var request = $.ajax({ 
            url: "stalliondetails.php", 
            type: "GET", 
            data: {stallion_ID : id} 
        }); 
        request.done( function(html){ 
            $("#tabs-1").html(html); 
            $( "#tabs" ).tabs( "option", "selected", 0 ); 
            $(".activehorse").fadeOut('1000', function(){ 
            document.getElementById("activehorsename").innerHTML 
                 =document.getElementById(id).innerHTML; 
            $(".activehorse").fadeIn('1000'); 
            }); 
            $("#tabs").tabs( "select" , 0 ); 
        }); 
        // Overview Tab load finished. 
        //Pedigree Tab load starting. 
        var request = $.ajax({ 
        url: "pedigreedetails.php", 
        type: "GET", 
        data: {stallion_ID : id}, 
        success: function(html){ 
        $("#tabs-2").html(html); 
        } 
        });     
        //Pedigree Tab load finished. 
        //Progeny Tab load starting. 
        var request = $.ajax({ 
        url: "progenydetails.php", 
        type: "GET", 
        data: {stallion_ID : id}, 
        success: function(html){ 
        $("#tabs-3").html(html); 
        } 
        });     
        //Progeny Tab load finished. 
        //News Tab load starting. 
        var request = $.ajax({ 
        url: "newsdetails.php", 
        type: "GET", 
        data: {stallion_ID : id}, 
        success: function(html){ 
        $("#tabs-4").html(html); 
        } 
        });     
        //News Tab load finished. 
        //Race Record Tab load starting. 
        var request = $.ajax({ 
        url: "racerecorddetails.php", 
        type: "GET", 
        data: {stallion_ID : id}, 
        success: function(html){ 
        $("#tabs-5").html(html); 
        } 
        });     
        //Race Record Tab load finished. 
        //Analysis Tab load starting. 
        var request = $.ajax({ 
        url: "analysisdetails.php", 
        type: "GET", 
        data: {stallion_ID : id}, 
        success: function(html){ 
        $("#tabs-6").html(html); 
        } 
        });     
        //Analysis Tab load finished. 
        //Update the Seasons Request form to this Stallion. 
        updateseasons(id); 
        $( "#tabs" ).tabs( "option", "selected", 0 ); 
        $("button").button() ;        
  }); 
</script> 

谢谢你的帮助。

请您参考如下方法:

为了帮助关注此线程的其他人,我想发布最终解决此问题的内容。

我正在使用

$("#tabs").tabs("option", "disabled", [2]); 

当我切换到
$("#tabs").tabs("disable", 2); 

问题已得到纠正。

感谢您的帮助巴特和威廉。


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!