繁体   English   中英

jQuery $ .when.apply()。done不触发

[英]jquery $.when.apply().done not firing

除了$.when.apply($, promises).done()函数外,我有下面的代码正在运行(我有控制台日志显示何时处理事物)。

我不明白为什么.done无法正常运作。

代码的基本作用是为筛选器容器中的每个选择填充选择,并将选择的值形成索引的db,这是它自己的函数并返回promise。 我可以看到一切正常,但是最终的.done应该在呈现所有内容后在屏幕上显示项目,但是屏幕元素不会显示并且页面保持白色。

grid.genPage = function() {
        console.time('genPage');
        $(grid.settings.filterContainer).hide();
        var gridParent = grid.e.parent('div');
        gridParent.hide();
        var promises = [];
        return $.Deferred(function(){
            var self = this;
            if (!grid.settings.startGenPage.call(this, grid)){
                self.reject();
            }
            grid.dtOptions.oColVis.aiExclude = [0];
            grid.displayFields = [];
            $.when(
                grid.buildFilter(),
                grid.buildViews(),
                grid.generateDataTable(grid.showColumns),
                grid.buildManageButtons()
            ).then(function(){
                console.log('start populating filters');
                $.each(grid.config.configs[grid.settings.defaultView], function(i, v) {
                    var p = $.Deferred(function(){
                        var self = this;
                        var field = Object.keys(v); //get field Name
                        if ($.inArray(i, grid.configIgnorArray) > -1) {
                            console.log('ignore resolve');
                            self.resolve();
                        }
                        var c = v[field];
                        if (c.filters.fieldType === 'select') {
                            var el = $('select[name="' + grid.e.prop('id') + 'Filter_' + field + '"]');
                            var os = c.options.objectStore;
                            var idx = c.options.idx;
                            var s = c.options.lookup;
                            $.when(grid.checkCache(el, c.options.objectStore, c.options.idx, c.options.lookup))
                            .then(function(){
                                console.log('select resolve');
                                self.resolve();
                            });
                        }else {
                            console.log('other resolve');
                            self.resolve();
                        }
                    });
                    promises.push(p);
                });
            });
        }).then(function(){
            $.when.apply($, promises).then(function(){
                console.log('end populating filters');
                console.log('genpage finish');
                grid.settings.completeGenPage.call(this, grid);
                $(grid.settings.filterContainer).show();
                gridParent.show();
                console.timeEnd('genPage');
                self.resolve();
            });
        }).promise();
    };

在上面的代码中, console.log('end populating filters'); 永远不会出现在控制台中。 我敢肯定这是一个问题,有些问题无法正确解决,但我看不到哪里。

提前致谢

您需要解析第一个deferred对象,以触发then()成功回调:

self.resolve();

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM