javascript没有在（带有ajax）加载的链接中执行

Question

我正在使用ajax将page.php加载到div中。

page.php包含一些javascript，并在我在一个窗口中加载页面时显示。但是当我将它加载到我的网站时，它不会显示javascript。 （我添加了一些其他代码来检查，但只有Javascript不起作用）

$('#winkelZELFlink').click( function() {
  alert('U komt nu bij onze webshop.');
  $.get('http://www.weetzelf.nl/?page_id=147', function(winkelLINK) {
    $('.content').html(winkelLINK);
  });
});

Answer 1

在元素存在于页面之前添加到元素的Javascript事件不起作用。幸运的是，jQuery可以使用$.fn.live() function来处理这个问题，{{3}}在代码执行后委托现有项目和稍后将添加的项目的事件。

您的代码应如下所示：

$('#winkelZELFlink').live('click', function() {
    alert('U komt nu bij onze webshop.');
    $.get('http://www.weetzelf.nl/?page_id=147', function(winkelLINK) {
        $('.content').html(winkelLINK);
    });
});