Загрузка datatable (jquery) с помощью ajax после загрузки страницы И / ИЛИ, пусть изображения загружаются первыми - PullRequest
0 голосов
/ 25 мая 2011

Привет, ребята.У меня есть таблица данных, загруженная Ajax.Загрузка идет нормально, но я замечаю только то, что текст на странице загружен, но изображение заголовка и нижнего колонтитула загружается после вызова Ajax.Это выглядит немного странно на странице.Мне интересно, есть ли способ обойти это.Я знаю о методе setTimeOut в jQuery, но не знаю, как использовать его с таблицами данных.

$(document).ready(function() {

    var selected;
    var selectedOutput;
    var template;
    var submitButton;

    var insertedTable =  $('#pkgLineTable').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "bPaginate": true,
        "bLengthChange": true,
        "bFilter": true,
        "bSort": false,
        "bInfo": true,
        "bAutoWidth": false,
        "bProcessing": true,
        "bServerSide": false,
        "sAjaxSource": '@{Overview.getPkgLineList()}',
        "fnServerData": fnServerObjectToArray(['shortname', 'description'])             
    });
});

  fnServerObjectToArray = function (aElements) {     

    return function (sSource, aaData, fnCallback) {
        $.ajax({
            "dataType": 'json',
            "type": "GET",
            "url": sSource,
            "data": aaData,
            "success": function (json) {
                var a = [];
                $.each(json, function(index, item) {     
                    var inner = [];
                    for (var i = 0, iLen = aElements.length; i < iLen; i++) {
                        inner.push(item[aElements[i]]);
                    }
                    a.push(inner);
                });
                json.aaData = a;
                fnCallback(json);
            }
        });
    }
}

1 Ответ

1 голос
/ 25 мая 2011

Если вы хотите загрузить ajax после того, как изображения закончены, используйте load вместо .ready:

$(window).load(function() {

    var selected;
    var selectedOutput;
    var template;
    var submitButton;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...