2012-05-18 2 views
2

У меня есть этот код, где URL некоторая страница с элементом таблицы с идентификатором = «столом»JQuery DataTables плагин внутри JQuery UI Dialog не загружая

$('#dialog').load(url).dialog({ 
    'modal' : true, 
    open: function(event, ui) { 
     var table = $('#dialog #table').dataTable(); 
    }, 
    close: function(event, ui) { 
     $('#dialog').empty(); 
    } 
}); 

Проблема, которую я испытываю, что DataTable Безразлично» t, похоже, загружается внутри функции обработчика события open(). Я также попытался поместить код datatable в функцию обработчика события create(), но безрезультатно. Очень странно, когда я добавляю предупреждение() в функцию open(),

open: function(event, ui) { 
    alert('test'); 
    var table = $('#dialog #table').dataTable(); 
}, 

он действительно загружает.

Любая идея, в чем проблема?

ответ

0

Возможно, ваш селектор ошибочен? попробуйте $('#table').dataTable();

или вы можете назначить класс к столу, к примеру class="mytable" и изменить к селектору, например:

$('.mytable').dataTable(); 
+0

Я попытался как «#table» и «#dialog #table» и он все еще не работает. – arvinsim

+0

Вы играли с классом? – Daniel