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(){


});

有关实时授权的更多详细信息，请访问此处＆gt; 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

通过这种方式，您可以将点击事件处理程序附加到您的范围的.milestonetable，并使您的代码更简单。

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

2 个答案: