Jquery 如何检查div是否有图像并禁用/启用按钮
我有一些空div,带有一个“pick”类,可以完美地删除图像。每次图像被删除时,我都希望有一个按钮从“禁用”的初始状态变为启用状态。我已经为输入字段查看了许多此类功能的示例,但没有针对正在删除的图像。逻辑对我来说似乎很好,我只是被难倒了 JQUERY:Jquery 如何检查div是否有图像并禁用/启用按钮,jquery,Jquery,我有一些空div,带有一个“pick”类,可以完美地删除图像。每次图像被删除时,我都希望有一个按钮从“禁用”的初始状态变为启用状态。我已经为输入字段查看了许多此类功能的示例,但没有针对正在删除的图像。逻辑对我来说似乎很好,我只是被难倒了 JQUERY: var empty = false; $('.pick').each(function() { if ($(this).find("img").length == 0) { empty = tru
var empty = false;
$('.pick').each(function() {
if ($(this).find("img").length == 0) {
empty = true;
}
});
if (empty) {
$('#button').attr('disabled', 'disabled');
} else {
$('#button').removeAttr('disabled');
}
<form>
<input type="submit" id="button" disabled='disabled' />
</form>
HTML:
var empty = false;
$('.pick').each(function() {
if ($(this).find("img").length == 0) {
empty = true;
}
});
if (empty) {
$('#button').attr('disabled', 'disabled');
} else {
$('#button').removeAttr('disabled');
}
<form>
<input type="submit" id="button" disabled='disabled' />
</form>
监听下降事件,并启用下降按钮
$('.pick').on('drop', function(e){
if(e.originalEvent.dataTransfer) {
if(e.originalEvent.dataTransfer.files.length) { // file added
$('#button').prop('disabled', false);
}
}
});
请注意,这只适用于一个按钮,因为ID是唯一的
你能发布一些上下文吗?这里的逻辑似乎很好,但JSFIDLE确实会有所帮助。大多数情况下,我想看看图像的“删除”逻辑。所谓“删除”,你是指HTML5吗?这实际上并没有向页面添加
元素……哦,不,我知道……我在实际的拖放功能方面没有任何问题。就像我说的,我运行得很好,当一个图像在我的div中时,只需启用/禁用按钮jquery是否会在每次删除图像时执行?使用该代码,加载页面时它只运行一次