使按钮调用多个函数

Question

请问有人知道我该如何解决这个问题吗？下面的答案不起作用。

我搜索了这个问题并找到了很多答案，但不适合我的问题。

我正在尝试让一个按钮调用多个功能（准确地说是 2 个）：

JS

  $(window).load(function(){
  $(function() { 
    $(".btn").click(function() { 
        html2canvas($(this).next(), {
            onrendered: function(canvas) {
                theCanvas = canvas;
                document.body.appendChild(canvas);

                canvas.toBlob(function(blob) {
          saveAs(blob, "Dashboard.png"); 
        });
            }
        });
    });
}); 
});
  $('.btn').on('click', function(){
   $('canvas').appendTo('#here');  // appendTo -> selector
});

HTML

<a href="#" class="btn">Click</a>

我尝试了以下方法： 1.Call two functions from same onclick 2.Can i append an already existing div to another already existing div?

这真的总结了所有其他答案。

有什么建议吗？

Answer 1

$(function(){
    $('.btn').on('click'(function(){
        callFunction1();
        callFunction2();
    });
});

function callFunction1(){
   $('#yourDivId').appendTo('#yourOtherDivId');
   console.log("what should function 1 do?");
}

function callFunction2(){
   console.log("What should function 2 do?");
}