Question

点击btn触发btn1点击事件，但点击btn它会触发btn1事件并关闭弹出窗口，但它不应该如何阻止

点击btn时，只需要进行表单验证，需要停止关闭fancybox。

$('.btn').on('click', function(){
    $('.btn1').css('display','block');
    $('.btn1').trigger('click');
});

$('.btn1').on('click', function(){
    //form validation

    $.fancybox.close();

});

Answer 1

您可以在btn1上触发点击事件时传递参数。

Javascript代码：

$('.btn').on('click', function(){
   $('.btn1').css('display','block');
   $('.btn1').trigger('click', [true]);
});

$('.btn1').on('click', function(event, dontClose){
   //form validation
   if(error == 0 && !dontClose){
      $.fancybox.close();
   }
});

在btn1上自动触发点击事件时，dontClose将被取消定义，在这种情况下，视error幻想框将关闭。

Answer 2

我不知道我是否明白你需要什么，如果没有告诉我，我会删除这个答案。

$('.btn').on('click', function(){
    console.log("click btn");
    $('.btn1').trigger('click', 1);
});

$('.btn1').on('click', function(e, data){

    //form validation
    if (data != 1) {  // if event is not triggered
        $.fancybox.close();
    }

});

如何通过停止特定属性来调用另一个按钮单击事件

2 个答案: