.load（）之后的按钮的Ajax函数

Question

我在div'check_div'中有一个类别为'check_button'的按钮。 我有一个Jquery代码，如果用户单击按钮，脚本将向服务器发送Ajax请求。 之后，他使用.load（）重新加载div，因此他也重新加载了按钮。 问题在于，该按钮的Jquery代码不起作用。 我阅读了其他Stackoverflow文章，但是我是Ajax和Jquery的新手，所以我不知道如何解决我的问题。 我发现的链接有相同的问题（我认为）： 在AJAX load（）之后处理元素

Answer 1

如果我对您的理解正确，那么您会对服务器执行2次呼叫：

1. AJAX电话
2. 加载

为什么不打1个电话呢？

  $.ajax({
    url: theurl,
    type: 'POST',
    data: {},
    dataType: 'json',
    error: function(req, resulttype, exc)
    {
      // error handling
    },
    success: function(data)
    {
      $('.check_div').html(data.html);
    }
  });

在来自服务器的响应中，您可以对要发送回客户端的内容进行json编码。

至于你的问题：

此外，所有动态添加的元素都可以用于：

$(element).live('click', function() { });

甚至使用.delegate()更好：$（container）.delegate（'。check_div'，'click'，function（）{}）;

代替：

$(element).click(function() { });

有关更多信息，请查看：

http://api.jquery.com/jQuery.ajax/

http://api.jquery.com/delegate/

http://api.jquery.com/live/