在ajax调用之后，onclick jquery无法正常工作

Question

我是jQuery的新手。

我写过这样的onclick事件：

     $(document).ready(function () {
         $('body').find('.milestonetable').each(function () {
            var mTable = $(this);
            $(this).find('tr:first').children().eq(0).find('table').find('tr:last').children().eq(0).find('span').on('click', function () {
                var _mid = $(mTable).parent().next('table').find('tbody').find('tr').children().eq(1).find('input').val();
             //some other things to do.
            });

         });
    });

它的工作正常。 但是当我打电话给ajax时，它就会停止工作。 我已经发现我必须写这样的东西：

      $(document).on('click','.someclassName', function () {  

       });

但是我无法转换上面的代码，类似于下面的代码。 请帮助。

注意：我使用的是jQuery 1.10.4

Answer 1

以下列方式配置事件可能会解决您的问题。

$(document).on("click",".class-added-to-your-span", function(){


});

有关实时授权的更多详细信息，请访问http://api.jquery.com/live/

Answer 2

您可以将代码替换为此代码：

$('.milestonetable').on('click', '.class-added-to-your-span', function () {
    var mTable = $(this).closest('.milestonetable');


});

请注意，我在您要搜索的范围中添加了一个类： class-added-to-your-span

这样，您可以将click事件处理程序附加到span的.milestonetable ，并使代码更简单一些。