Reinitialize jQuerytools Overlay on ajax loaded element
I am trying to reinitialize a Overlay on new ajax loaded elements. Here my
code:
$('input.search-files').keyup(function(event){
if( event.keyCode == 13 ) {
$.ajax({
type: "GET",
url: ...,
dataType: "html",
data: {...},
beforeSend: function(){
$('.tr-documento').fadeOut('fast', function(){
$(this).remove(); });
$('.table-content').find('.table-loader').show();
},
success: function(data) {
if( $(data).filter('tr').length == 0 ){
$('.table-loader').before( '<tr class="tr-documento"><td
colspan="10">Non ci sono</td></tr>' );
} else{
$('.table-loader').before( $(data).filter('tr') );
}
$('.table-content').find('.table-loader').hide();
$("table.table-content").tablesorter({headers: { 0: { sorter:
false }, 6: { sorter: false },7: { sorter: false },8: {
sorter: false },9: { sorter: false } } });
reInitializeAjaxed();
$(".modifica-file[rel]").overlay();
}
});
}
});
This function is triggered on "ENTER" keyup. Everything work fine, table
sorter works at first hit. jQuerytools overlay event instead, is binded
only at the second hit on "ENTER".
Someone knows this issue?
No comments:
Post a Comment