javascript - jQuery代码不适用于Javascript的html输出

我有这个Jquery函数来掩盖我的文本框:

  jQuery(function($){ //Mask textbox #hour with placeholder
   $("#hour").mask("9:99",{placeholder:"0"});
   $("#hourInTable").mask("9:99",{placeholder:"0"});
});

完美搭配以下html代码:

但是，当我尝试在Jquery输出ID为hourInTable的文本框中执行此操作时，它不会屏蔽任何内容:

jqTds[2].innerHTML = '<input type="text" name="hourInTable" id="hourInTable" value="00:00">';

在按下按钮并将文本框hourInTable放置在页面上的某个位置之后，将调用上面的代码。

将此代码直接放入我的html中:

<input type="text" name="hourInTable" id="hourInTable" value="00:00">

而且它起作用了，因此归因于JS中的html输出。

提前致谢。

最佳答案

发生这种情况的可能性最大，因为当jQuery执行屏蔽操作时，输入尚不存在。在确定内部HTML放置之后，给函数命名并调用它。