0

我正在使用 jquery 流程图https://github.com/sdrdis/jquery.flowchart。

如果我动态创建对象，它不会生成任何图表（这意味着它$('#testCaseConnections').flowchart不做任何事情但也不给出任何错误）。

但是，如果我从 Chrome 开发工具中复制对象并说 var flowData = 我复制的那个对象，它就可以工作。

我勒个去？为什么？

var flowData = {};
                    var operators = {};
                    var data = ["FIRST","SECOND"];
                    
                      $.each(data, function (index, value) {
                      
                      var operator = {};
                        $.ajax({
                            type: 'post',
                            url: '/flow/getInputs?testCaseName=' + value,
                            success: function (inputs) {
                                //Create test case container
                                var properties = {};
                                properties["title"] = testCaseName;
                                var operatorInputs = {};
                                for (var i = 0; i < inputs.length; i++) {
                                    operatorInputs["input_" + i] = {
                                        label: inputs[i].name
                                    };
                                }
                                properties["inputs"] = operatorInputs;
                                properties["outputs"] = {};
                                operator = {
                                    top: 80,
                                    left: 300
                                };
                                operator["properties"] = properties;
                                operators["operator" + index] = operator;
                            }
                        });
                    });

                    flowData["operators"] = operators;
                    console.log(flowData);

 // Apply the plugin on a standard, empty div...
                $('#testCaseConnections').flowchart({
                    data: flowData
                });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

4

0 回答 0