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

背景：我的代码使用母版页内有框架，所有其他导航使用框架和主页面用于菜单用途。在提交按钮单击（在所有屏幕上），要禁用任何进一步的用户干扰页面。对于母版页有一个div和个人网页下面的代码写入加载div提交按钮，以防止双重提交

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

问题：我有其中有几个AJAX选项卡上，单击各个选项卡上的一个框架，我想打电话给同格，以防止用户干扰标签导航。针对下面的代码写入

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

这工作得很好，直到用户点击当前激活的标签，这不会删除加载的div和它保持加载/挂状态。

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

来源

2012-09-09 Samir G

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

这是这样一个例子代码：

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

来源

2012-09-09 01:34:59

嗨ElSayed，谢谢你的建议，你能请扩展它来了解，我怎么可以指定类当前标签？你是否建议在选项卡上更改我继续通过活动选项卡的某些标识分配活动班级？ –

正确，我的意思是，必须有一些东西，确定从兄弟姐妹的活动选项卡。所以我想这可能是一个类或其他东西。导致此方法将使您更容易使用这些选项卡，另一方面帮助解决当前问题。如果你看过jQuery Ui Tabs实现（http://jqueryui.com/demos/tabs/），你会注意到它们为活动标签（'ui-tabs-selected'）分配了一个特殊的类。这正是我刚才所说的。 –

如果您在实施此方法时仍遇到问题，请使用您的HTML代码更新问题，也许我可以为您提供更多帮助。 :) –

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

回答

相关问题