Php 对附加内容和ajax内容运行jQuery

如何对通过

append

或AJAX加载的内容运行jQuery？我试过

.live

和

.on

但我所做的一切似乎都不管用，而且我找到的大多数东西都是针对删除的

.live

我正在尝试做一个实时搜索，但我有它的输入，你可以在一个页面上添加任意多的输入

JavaScript 附加代码：

function Add(){
$('#material-list').append("<div class='material'><div class='input'>" + 
    "<input type='text' rel='m-live' name='mat-"+curMat+"' placeholder='Material' />" +
    "<div class='logo'><i class='icon-inbox'></i></div></div> <div class='input'>" + 
    "<input type='text' rel='m-price' name='mat-p-"+curMat+"' placeholder='price 0.00' />" +
    "<div class='logo'><i class='smaller icon-gbp'></i></div></div></div>"
);
}

function Remove(){
$('#material-list .material:last-child').remove();
}

---

要在已添加到DOM的元素上触发事件，您需要在元素添加到DOM后设置绑定，或者使用

.on

如下所示

$(document).on('click','#SomeButtonID',function(e) {
   alert("i have been clicked");
});

$("body").append('<button id="SomeButtonID">Click Me</button>');

$（文档）.on（'click'，'SomeButtonID'，函数（e）{
警报（“我被点击”）；
});
$（“正文”）.append（'Click Me'）；

要在已添加到DOM的元素上触发事件，您需要在元素添加到DOM后设置绑定，或者使用

.on

如下所示

$(document).on('click','#SomeButtonID',function(e) {
   alert("i have been clicked");
});

$("body").append('<button id="SomeButtonID">Click Me</button>');

$（文档）.on（'click'，'SomeButtonID'，函数（e）{
警报（“我被点击”）；
});
$（“正文”）.append（'Click Me'）；

简而言之-您需要在

add（）

函数的回调函数中添加

eventListeners

。是否将

.on

附加到要添加的元素？请更具体一些。检查，您认为这是一个错误。该函数是否仍执行？在里面放一个提醒（）并更新你的问题。@PatrickEvans是的，我本来是。SteAp-所有事情都没有发生，我只是尝试了$（“#材料列表”）。在（'focus'，'input[rel=“m-live”]”上，测试（this））；但仍然没有发生任何事情。请参见下面的答案，

.on

需要附加到一个未更改的父级，或者非常简短地说，

文档

-您需要在

添加（）

函数的回调函数中添加

事件侦听器

…您是否将

.on

附加到要添加的元素？请更具体一些。检查，您认为这是一个错误。该函数是否仍执行？在里面放一个提醒（）并更新你的问题。@PatrickEvans是的，我本来是。SteAp-所有事情都没有发生，我只是尝试了$（“#材料列表”）。在（'focus'，'input[rel=“m-live”]”上，测试（this））；但仍然没有发生任何事情。请参见下面的答案，

.on

需要附加到未更改的父项，或

文档

$(document).on('click','#SomeButtonID',function(e) {
   alert("i have been clicked");
});

$("body").append('<button id="SomeButtonID">Click Me</button>');