Question

背景：我的代码使用主页面，里面有框架，所有其他导航使用框架和主页面用于菜单目的。在提交按钮单击（在所有屏幕上），要禁用页面以进一步干扰用户。因为该母版页有一个div，并且在代码写入的单个页面上

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

问题：我有一个框架有几个ajax标签，点击单个标签，我想调用相同的div，以防止用户干扰标签导航。为其编写以下代码

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

这很好用，直到用户点击当前活动的标签，这不会删除加载div并保持加载/挂起状态。

请建议如何防止活动标签的div加载或任何其他方式。

Answer 1

您应该检查点击的标签是否是当前标签，如果是，请取消其余的代码。

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

 $(".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();
        });

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

1 个答案: