加载动态内容后执行功能

Question

我有一个表需要对它执行函数。不过它在搜索结果页面上，在执行搜索(或加载另一页结果(后，div中的内容会发生变化。不幸的是，我无法访问用来更改数据的ajax方法(这是一个在整个网站上广泛使用的函数，无法更改到此页面(。

我想做的是，每次$("#search_results"(div更改时，我都要循环遍历结果集，删除内联定义的onclick事件，并使用我自己的onclicck函数

<script type='text/javascript'>
    $(document).live(function(){
        alert('fired'); 
        $('table.lookup_table tr').each(function(){
            $(this).removeAttr('onclick');      
        });
    });
$('table.lookup_table tr').on('click', function(event){
        event.preventDefault();
        $(this).removeAttr('onclick');  
        var pacware = $.trim($(':nth-child(1)', $(this)).html());
        var site = $.trim($(':nth-child(2)', $(this)).html());
        window.location = '<?php echo matry::here_to('edit');?>&pacware_code=' + pacware + '&site_id='+site;
        return false;
    });
</script>

*此外，我需要它在IE 8*中工作

Answer 1

你可以试试这个，但这不是一个好方法：

$('body').on('click', 'table.lookup_table tr', function(e){
        e.preventDefault();
        e.stopPropagation();
        //...
        return false;
    });

它将在每次单击时检查您是否单击了与table.lookup_table tr匹配的元素，如果是，则执行事件处理程序。