如何檢查div是否具有圖像並禁用/啓用按鈕

我有一些空的div，其中包含一個允許圖像完美丟棄的「選擇」類。每次圖像被丟棄時，我都希望有一個按鈕從其「禁用」的初始狀態啓用。我已經查看了輸入字段的這種功能的許多示例，但不是用於丟棄的圖像。邏輯看起來對我來說很好，我只是難住。如何檢查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>

來源

2013-12-12 Nick Balistreri

你能發佈一些上下文嗎？這裏的邏輯似乎很好，但JSFiddle真的有幫助。大多數情況下，我想看到圖像的「下降」邏輯。 – AVP

被丟棄，你的意思是HTML5 [拖放]（http://www.w3schools.com/html/html5_draganddrop.asp）？這實際上並沒有在頁面中添加''元素...... –

哦，不，我知道......我沒有任何實際的拖放功能問題。就像我說的那樣，我已經完美地運行它只是當圖像在我的div裏面時啓用/禁用的按鈕 –

監聽drop事件，並啓用降按鈕

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

請注意，這僅適用於爲單一按鈕作爲ID是唯一的

FIDDLE

來源

2013-12-12 19:21:54 adeneo

如何檢查div是否具有圖像並禁用/啓用按鈕

回答

相關問題