触发嵌套单击事件

Question

我试图触发一个单击，只有当另一个点击(父单击)被激活。换句话说，只有当click-1被激活时，click-2才会触发。因此，当我再次触发单击-1时，单击-2不应该触发。但我的问题是，单击-2在单击-1的第一次触发后，无论父级单击的状态如何，仍然会触发。

我的代码：

$(document).ready(function() {
        var c = 1;
        $('#click-1').on('click', function() {

                c++;
                if (c % 2 == 0) {
                    $('#Click-2').on('click', function(e) {
                        alert('Condition satisfied ')
                        e.stopPropagation();
                    });
                } else {
                    $('#Click-2').on('click', function(e) {
                        alert('condition did NOT satisfy')
                        e.stopPropagation();
                    });
                }

            )
        };

    )
};

(我感谢在这方面提供的任何帮助:)

Answer 1

这不是触发点击的方法。在这里，您正在绑定此代码中的单击事件

$('#Click-2').on('click', function(e) {
    alert('Condition satisfied ')
    e.stopPropagation();
});

相反，请尝试$("selector").trigger("click")。将绑定代码移出单击处理程序。有单独的单击处理程序，避免嵌套绑定。当您想要触发对元素的单击时，假设是#Click-2，然后在条件中使用以下命令：

$("#Click-2").trigger("click");