阻止从其他函数执行js代码

Question

$(document).on('click', '.add-button-prototype', function(){
            if ($(this).closest('.collectionContainer').find('input[type="text"]').val() == '') {
                return false;
            }
        });

示例1捕获具有给定类的所有新添加元素的click事件，但不阻止执行代码。

    $('.add-button-prototype').click(function(e){
        if ($(this).closest('.collectionContainer').find('input[type="text"]').val() == '') {
            return false;
        }
    });

第二个示例仅适用于具有给定类的已加载元素，而不适用于在init初始化之后添加的新元素。但它阻止了代码的执行。

如果条件为真，如何捕获同一类，旧的和新添加的所有元素并阻止执行代码;

Answer 1

除了return false添加e.preventDefault();

所以你的代码应该是这样的：

$(document).on('click', '.add-button-prototype', function(e){
        if ($(this).closest('.collectionContainer').find('input[type="text"]').val() == '') {
            e.preventDefault();
            return false;
        }
    });