Question

我有一些带有“选择”类的空div，可以让图像完美无缺地丢弃。每次删除图像时，我想要一个从初始状态“禁用”开始启用的按钮。我已经查看了输入字段的这种功能的许多示例，但没有查看被删除的图像。逻辑对我来说似乎很好我只是难倒。

JQUERY：

var empty = false;
    $('.pick').each(function() {
        if ($(this).find("img").length == 0) {

            empty = true;
        }
    });

    if (empty) {
        $('#button').attr('disabled', 'disabled');
    } else {
        $('#button').removeAttr('disabled');
    }

HTML：

<form>
<input type="submit" id="button" disabled='disabled' />
</form>

Answer 1

收听放置事件，然后启用放置按钮

$('.pick').on('drop', function(e){
     if(e.originalEvent.dataTransfer) {
        if(e.originalEvent.dataTransfer.files.length) { // file added
            $('#button').prop('disabled', false);
        }
     }
});

请注意，这仅适用于一个按钮，因为ID是唯一的

FIDDLE

如何检查div是否有图像并禁用/启用按钮

1 个答案: