javascript - Jquery ":empty"不起作用 - 检查所有 <DIV> 是否包含一些文本或空

Question

我在运行时生成了几个框，我想确认所有框是否都是“空”，那么用户应该无法继续。但是，如果即使是一个盒子包含正确的值(而不是空)，那么用户应该能够继续。

我创建了以下代码:

$(document).ready (function () {
    setProceedState();

});

function setProceedState() {
    if ($('.type').length == $('.type:empty').length) {
        alert("Empty" + $(".type").html());
        $("#stepAutomapConfirm").attr("disabled", true);
        $("#stepAutomapConfirm").addClass("disabled").removeClass("active");
    } else {
        alert("NOT Empty" + $(".type").html());
        $("#stepAutomapConfirm").attr("disabled", false);
        $("#stepAutomapConfirm").addClass("active").removeClass("disabled");
    }
}

不知何故，这段代码在 fiddle 中运行良好: http://jsfiddle.net/aasthatuteja/xJtAV/

但是在我的 MVC 部分 View 页面上它没有完全工作:

如果盒子是“空”，它总是给我正确的警报，

但是当它在运行时生成包含数据的框时，它仍然显示“EMPTY”警报。我检查了“查看源代码” ”和“检查元素”也一样，在源中数据确实存在，然后，当我手动刷新页面时，它会给出正确的警报“非空”。

请建议我缺少什么，或者什么可以替代 JQuery“:empty”以使代码在 MVC 部分 View 中工作>!

如果您需要任何其他信息，请告诉我!

Answer 1

生成框后需要重新执行函数，on read 仅适用于 dom 就绪时存在的框。