在两个元素的 onrendered 事件之后执行一个函数答案

【问题标题】：Perform a function after two element's onrendered event在两个元素的 onrendered 事件之后执行一个函数
【发布时间】：2015-03-11 02:11:35
【问题描述】：

我只想在“#front”和“#back”两个 onrendered 事件之后执行第 16-19 行。我该怎么做？

1.    function myid_print_id() {
2.        var front, back;    
3.        html2canvas($('#front'), {
4.            onrendered: function(canvas) {         
5.                front = canvas.toDataURL("image/png");           
6.            }
7.        });  
8.
9.        html2canvas($('#back'), {
10.            onrendered: function(canvas) {           
11.               back = canvas.toDataURL("image/png");          
12.            }
13.        });   
14.
15.        //Perform commands after two element's onrendered event
16.        link = "about:blank";
17.        var pw = window.open(link, "_new");
18.        pw.document.open();
19.        pw.document.write(makepage(front,back)); 
20.    }

【问题讨论】：

标签： javascript jquery html events javascript-events

【解决方案1】：

试试这样的

function myid_print_id() {
    var front, back;

    var my_function = function (front, back) {
        var link = "about:blank";
        var pw = window.open(link, "_new");
        pw.document.open();
        pw.document.write(makepage(front, back));
    };

    html2canvas($('#front'), {
        onrendered: function (canvas) {
            front = canvas.toDataURL("image/png");
            if (back)
                my_function(front, back);
        }
    });

    html2canvas($('#back'), {
        onrendered: function (canvas) {
            back = canvas.toDataURL("image/png");
            if (front)
                my_function(front, back);
        }
    });

}

【讨论】：