将脚本应用于通过jquery .html()插入的元素

applying script to elements inserted via jquery .html()

本文关键字：插入 元素 html jquery 脚本 应用于      更新时间：2023-09-26

我对脚本有点陌生，所以这可能有点基本，但我找不到答案。为了改善我的网页加载时间，我做了一些HTML元素加载(通过AJAX)，并插入只有当某个按钮被点击，使用jquery . HTML()函数。这工作，但现在所有的jquery命令提到的元素似乎不适用。我猜这是因为原来的命令是在新的HTML之前加载的?

例如，代码如下:

$(document).ready(function(){   
$('#myButton').click(function(){
$('#placeHolder').html('<div id="touchMe">click me</div>');
});
$('#touchMe').click(function(){
alert ("WORKED");
});
}

我如何使#touchMe。点击command apply to the new incoming HTML?

thanks a lot

看看live()

$('#touchMe').live('click', function() {

Try - 

$('#touchMe').live('click',function(){
alert ("WORKED");
});

代替

$('#touchMe').click(function(){
alert ("WORKED");
});
使用

$('#touchMe').live('click', function(){
alert ("WORKED");
});

使用。live()或。delegate()函数代替click。

$(document).ready(function(){   
  $('#myButton').live('click', function(){
    $('#placeHolder').html('<div id="touchMe">click me</div>');
  });
  $('#touchMe').live('click', function(){
    alert ("WORKED");
  });
}
相关文章：