使按钮调用多个功能

时间:2015-08-21 12:05:08

标签: javascript jquery html html5

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

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

我正在尝试按钮调用多个函数(确切地说是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?

这真的总结了其他每一个答案。

有什么建议吗?

1 个答案:

答案 0 :(得分:4)

$(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?");
}