Question

我想改变我在页面中的表格中的某些内容。问题是我必须在表之前调用该函数已完成加载（该表由ajax事件加载）。我怎样才能做到这一点？到目前为止我已经尝试了这个：

function hideActivePapers(){
    $('#paperTable').load(function(){                                         
        $('.active').each(function(){
            $(this).remove();
        });
    });     
}

而且：

function hideActivePapers(){
    $('#paperTable').live('load',function(){                                         
        $('.active').each(function(){
            $(this).remove();
        });
    });     
}

由于

Answer 1

您需要在ajax回调函数中执行后加载逻辑。像这样：

function hideActivePapers()
{                                       
    $('.active').each(function()
    {
        $(this).remove();
    });
}  

$('#paperTable'.load('url/to/wherever', function ()
{
    // this code will be executed after the table loads
    hideActivePapers();
});

或者，如果您只是执行原始hideActivePapers()功能就足够了。定义功能是不够的。

function hideActivePapers(){
    $('#paperTable').load(function(){                                         
        $('.active').each(function(){
            $(this).remove();
        });
    });     
}

// somewhere after document.ready,
hideActivePapers();

Answer 2

为什么不使用css隐藏它们以便它们永远不会显示，然后当表格完全加载时，执行其他答案所说的，并使用回调删除活动文件？

CSS：

#paperTable .active { display: none; }

JS：

$('#paperTable').load('url/to/wherever', function() {
  $('#paperTable .active').remove();
});

使用表格作为触发器加载

2 个答案: