如何在ASP.NET运行时启用和禁用jQuery选项卡

我希望基于AJAX内容禁用和启用jQueryUI选项卡

<script>
        $(function () {
            $("#tabs").tabs({
                disabled: [1, 2,3],
                collapsible: true,
                fx: [{
                    opacity: 'toggle',
                    duration: 'slow',
                    height: 'toggle'
                }, 
                     {
                         opacity: 'toggle',
                         duration: 'slow',
                         height: 'toggle'
                     }],
                beforeLoad: function (event, ui) {
                    ui.jqXHR.error(function () {
                        ui.panel.html(
                            "Couldn't load this tab. We'll try to fix this as soon as possible. ";
                    });
                }
            });
        });


    </script>

$（函数（）{
$（“#制表符”）。制表符({
已禁用：[1,2,3]，
可折叠的：是的，
外汇：[{
不透明度：“切换”，
持续时间：“慢”，
高度：“切换”
}, 
{
不透明度：“切换”，
持续时间：“慢”，
高度：“切换”
}],
加载前：函数（事件、ui）{
ui.jqXHR.error（函数（）{
ui.panel.html(
“无法加载此选项卡。我们将尝试尽快解决此问题。”；
});
}
});
});

和HTML代码：

<div id="tabs">
            <ul>
                <li class="context-tab"><a id="recent-tab" href="#iframe1">Recent</a></li>
                <li class="context-tab"><a id="popular-tab" href="#iframe2">Popular</a></li>
                <li class="context-tab"><a id="random-tab" href="#iframe3">Random</a></li>
                <li class="context-tab"><a id="question-tab" href="#iframe4">By Question</a></li>

            </ul>
            <iframe id="iframe1" src="Default2.aspx" style="width: 100%;" height="900"></iframe>

            <iframe id="iframe2" src="Default3.aspx" style="width: 100%;"></iframe>

            <iframe id="iframe3" src="Default2.aspx" style="width: 100%;"></iframe>

            <iframe id="iframe4" src="Default3.aspx" style="width: 100%;"></iframe>
        </div>

例如，当用户选择

popular tab

时，它将加载Default3.aspx页面。在每个页面中，我都有

Next

按钮。我希望当用户单击

Next

按钮时，用户可以使用此按钮和下一个选项卡，但不能使用上一个选项卡。例如，当用户在

recent tab

中单击

Next时按钮
最近选项卡
已启用，但
常用选项卡
已禁用

编辑01:

我有4个页面，例如
page1.aspx
，
page2.aspx
，
page3.aspx
，
page4.aspx
，默认情况下我有选项卡，当用户选择tabe
最近的选项卡时，用户和
page2.aspx
和
page3.aspx
和
page4.aspx
是不活动的，在第1页我有but当用户单击此按钮时，我想转到
流行选项卡
并加载
第3页。aspx
和非活动最近选项卡和活动流行选项卡。等等，当为第2页的下一个按钮编写此代码时，此按钮不起作用。谢谢帮助

谢谢。
在“下一步”按钮的单击事件中，您可以使用onclick功能禁用以前的选项卡

例如，如果单击“最近选项卡”中的“下一步”按钮，则“下一步”按钮的外观如下所示：

<button onclick="$('.next-button').tabs({ disabled: [ 1, 2, 3 ] })">Next</button>

下一步

下面是关于选项卡禁用的官方文档

可能重复感谢您的帮助，但我有4个页面和示例page1.aspx、page2.aspx、page3.aspx、page4.aspx，默认情况下，我有选项卡，当用户选择选项卡时，最近的选项卡加载page1.aspx供用户使用，page2.aspx和page3.aspx和page4.aspx不活动，在page1中，当用户单击此按钮时，我有按钮要转到常用选项卡和加载page3.aspx和unactive recent tab以及active popular tab。等等，当为page2中的“下一步”按钮编写此代码时不起作用。感谢帮助，我感谢帮助，但我有4个页面和示例page1.aspx、page2.aspx、page3.aspx、page4.aspx，默认情况下，我有选项卡，当用户选择tabe recent tab时，为user和page2.aspx加载page1.aspxnd page3.aspx和page4.aspx是非活动的，在第1页中，当用户单击此按钮时，我有一个按钮。我想转到“常用”选项卡并加载page3.aspx和“非活动的最近”选项卡和“活动的常用”选项卡。等等，当为第2页中的“下一步”按钮编写此代码时，此代码不起作用。感谢您的帮助。然后更改禁用的数组以匹配禁用的选项卡。它将对阅读有关如何使用选项卡禁用的文档，就在这里。