JavaScript - 标签禁用onClick,启用onClick on Tags(模态弹出)

时间:2018-04-19 00:24:48

标签: javascript onclick modal-dialog

我有几个" a"包含属性" onclick"的标签。当我点击其中一个时。它们显示图像和模态(弹出)。我的目标是禁用剩下的" a"标签,所以如果我点击其他" a"我没有其他模态窗口出现标签

我创建了以下代码。我设法完成了第一部分,但它无法启用所有的" a"模态关闭后的属性。你知道为什么吗?

import module_overload
import module as temp
module_overload.__dict__.update(temp.__dict__)
module = module_overload

1 个答案:

答案 0 :(得分:0)

您可以在函数外部添加变量,并在调用函数时使用modalId设置该变量。在之后的函数调用中,您可以检查是否已切换另一个modalId,并且如果变量中的modalId仍设置为显示块,则阻止切换。例如:

var active_modal;

function toggleModal(modalId, toggle, bgImageId) {
   if(!active_modal) {
      active_modal = modalId;
   } 
   var current_modal = document.getElementById(active_modal);
   if(current_modal.style.display !== 'block') {
      active_modal = modalId;
      //code is only executed when the current_modal is not displayed anymore
   } 
}

我已更新你的小提琴https://jsfiddle.net/fv0w5by8/116/。请注意,我将显示移动到每个div而不是.modal类。对toggleModal函数本身进行了其他更改。