Question

我想在我的HTML页面上点击一种类型的按钮来调用一个函数。

我在页面上有大约10个这样的按钮并编写下面的代码来点击按钮时调用一个函数，

$('.divname').each(function (index) {
    $(this).on("click", function (e) {
        //Call Another Function
    });
});

这正如预期的那样正常。

然而问题是，有时根据某些条件创建一个动态生成的div（弹出消息），并且我不希望弹出消息出现时我的上述代码工作。

请告诉我们如何实现这一目标。

谢谢和问候， Aniket

Answer 1

嗨什么样的事情设置一个bool并检查它是真还是假......像：

var enable = true;

$('.divname').each(function (index) {
    $(this).on("click", function (e) {
        //Call Another Function
if(!enable) return;
    });
});

//set it to false on popup show (or something else event)
    $(popup).show(function(){
       enable = false;
    })

Answer 2

以最简单的方式。

$('.divname').each(function (index) {
    $(this).on("click", function (e) {
        //Simply check the condition for that Open Pop up message
       if(openPopUp){
       return;
       }
      callfunction();
    });
});

Answer 3

尝试一下，

$('.divname').each(function (index) {
    $(this).on("click", function (e) {
       if($('#popupModal:visible').length == 0){ // check length of visible modals
        //Call Another Function
       }
    });
});

如何根据另一个div触发div的onClick功能

3 个答案: