Jquery 在提交按钮上加载div以防止重复提交

背景：我的代码使用母版页，其中包含框架，所有其他导航都使用框架，母版页用于菜单目的。 在“提交”按钮上单击（在所有屏幕上），希望禁用页面以防任何进一步的用户干扰。对于该母版页，有一个div，在单独的页面上编写以下代码

var loading = window.parent.document.getElementById('dvLoading');
$(loading).show();

$(".ajax__tab_inner").click(function() {
     var loading = window.parent.document.getElementById('dvLoading');
     $(loading).show();
});

问题：我有一个框架有两个ajax选项卡，单击单个选项卡时，我想调用同一个div，以防止选项卡导航时用户的干扰。为其编写以下代码

var loading = window.parent.document.getElementById('dvLoading');
$(loading).show();

$(".ajax__tab_inner").click(function() {
     var loading = window.parent.document.getElementById('dvLoading');
     $(loading).show();
});

在用户单击当前活动的选项卡之前，这一切都可以正常工作，该选项卡不会删除加载div，并保持加载/挂起状态

---

请建议如何防止活动选项卡加载div或以其他方式加载div。

您应该检查单击的选项卡是否为当前选项卡，如果是，请取消其余代码

以下是这种方式的示例代码：

 $(".ajax__tab_inner").click(function() {
             // assuming that the active tab has a class called `active`
             if((this).hasClass('.active')) 
                 {
                     return false;
                 }
            var loading = window.parent.document.getElementById('dvLoading');
            $(loading).show();
        });

---

嗨，艾尔萨耶德，谢谢你的建议，你能扩展它来理解吗，我怎样才能分配类到当前选项卡？你是不是建议在选项卡更改时，我继续通过一些活动选项卡的标识来分配活动类？正确，我的意思是，必须有一些东西可以从同级中标识活动选项卡。所以我想可能是上课什么的。因为这种方法将使您更容易使用这些选项卡，另一方面也有助于解决您当前的问题。如果您查看了jQuery Ui选项卡实现（），您会注意到它们为活动选项卡分配了一个特殊类（

Ui选项卡选中）

）。这正是我所说的。如果您在实现此方法时仍有问题，请使用HTML代码更新此问题，也许我可以为您提供更多帮助。：）