Question

I know you can’t use the load event with the delegate function however I was wondering if there is a hack to produce a similar effect? I want to use the “data-role=’table'” attribute to identify all tables that need AJAX loading and initialise the request.

<script type="text/javascript">
$(document).delegate( "table[data-role='table']", "load", function(e) {
    //load AJAX Table
});
</script>

<table data-role="table" class="table-striped">
    ...
</table>

The code is also available on jsfiddle

Note: I need to use delegate as additional tables may get added at run time (after $(document).ready)

Answer 1

Webkit throws a few DOM mutation events, but I think those are even depreciated.

It’s getting a bit old now, but .livequery (http://docs.jquery.com/Plugins/livequery) is still the best option I know of. You can use:

$("[data-roll=table]").livequery(function() {
     ...
});

should fire that callback whenever a new element matching your selector is added to the page.