从页面加载的新输入元素获取值

Question

我在从动态添加的输入字段中获取值时遇到问题。 我有一个执行ajax调用的函数，最后我添加了一个输入字段：

$('<input type="text" id="col_1" value="done" hidden="true"/>').appendTo("#progress-category");

这部分效果很好，但我的问题出现在另一个函数上，我需要在页面加载时从输入中获取值。

因此，当我的页面加载时，我需要获取值，检查它是否等于“完成”并执行其他操作。

通常的方式： $("#col_1").val()上的alert()打印未定义。

我读到了关于dinamically添加元素的.on函数，但我不想将获取值阶段绑定到某个偶数上，我的页面加载后我就需要该值。

Answer 1

可能的解决方案之一是在添加此输入后触发事件

例如：

$('<input type="text" id="col_1" value="done" hidden="true"/>').appendTo("#progress-category");
$(window).trigger("inputIsadded");

在此之后，您可以向“inputIsadded”事件添加侦听器。

EG。

$(window).on("inputIsadded", function() {
    // working with input 
});

其他方法是使用deferred对象。