javascript - 检查动态插入的输入字段是否存在

Question

我有一个脚本，它添加了一个按钮，该按钮将打开一个窗口，让我们可以设计 T 恤。我要做的就是包含他们的脚本，然后按钮就会自动添加。

下面是动态添加到页面的代码。

<input id="design_edit_btn" class=" btn btn-success btn-block" value="Edit the design" type="button">

我需要做的是，如果该按钮可用，则显示一条消息，说明其可自定义，否则无法自定义显示。

我尝试了下面的代码

if($("#design_edit_btn").length) {

alert("exists");
}

我做了一些研究，但找不到实现这一目标的方法。有人可以告诉我如何做到这一点吗？

谢谢

Answer 1

您可能需要等待脚本加载并执行。

尝试等待文档完成并执行如下操作:

jQuery(($) => {
  if($("#design_edit_btn").length) {
    alert("exists");
  }
} );

一旦文档准备好，jQuery 就会触发给定的回调。如果这不起作用，您也可以尝试添加 setTimeout。