jQuery keyup 事件无法在另一个 php 文件中工作

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 5 年前。

在main.php中，我使用ajax调用settings.php，在settings内部有一个ID为#newlogintext的输入文本字段，如果我将jquery keyup放在settings.php中，它就可以工作，但是如果我将它放在main.php中事实并非如此。

在主 php 中调用 settings.php :

function CheckSettings() {

$.ajax({
   type: 'POST',
   url: 'settings.php',
   data: form_data,
   success: function(data) 
   {
      $("#settings").html(data); 
   }
});
}
CheckSettings();

按键:

$( document ).ready(function() {
$("#newlogintext").on("keyup", function(){
alert("test");
});
});

设置 PHP:

<div class="settings">
<b> General Settings </b>
<br>
<p>New login:</p> <input id="newlogintext" type="text" name="newlogin" />
</div>

Answer 1

Please try this :
$(document.body).on("keyup","#newlogintext",function(){
alert("test");
});