Question

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

我正在尝试同时按钮调用多个函数（确切地说是2个）：

JS

     $(window).load(function(){
   $(function() { 
     $('.btnSave2').on('click', function(){ 
        // first function code
        html2canvas($(this).next(), {
          onrendered: function(canvas) {
            theCanvas = canvas;
            document.body.appendChild(canvas);

            canvas.toBlob(function(blob) {
              saveAs(blob, "Dashboard.png"); 
        });
        }
      });

     // second function code
     $('canvas').appendTo('#here');  // appendTo -> selector


    });
  }); 
});

HTML

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

我已经尝试了一切，我不是网络开发人员，我只是想为我学校的孩子们制作一个我的产品原型（我是... 14所以不能雇用任何人。）

有没有人有任何实际有用的解决方案？

Answer 1

你可以在第二个本身调用include first function。如下 -

 $( document ).ready(function(){ 
     $('.btn').on('click', function(){ 
        // first function code
        html2canvas($(this).next(), {
          onrendered: function(canvas) {
            theCanvas = canvas;
            document.body.appendChild(canvas);

            canvas.toBlob(function(blob) {
              saveAs(blob, "Dashboard.png"); 
        });
        }
      });

     // second function code
     $('canvas').appendTo('#here');  // appendTo -> selector

    });
});

Answer 2

嗨，史蒂夫试试这段代码我希望这可以解决你的问题

<!DOCTYPE html>
<html>
<head>
  // PLEASE ADD HERE JQUERY FILE
</head>
<body>
<div id="clk"> Click Here</div>
<script>
$(document).ready( function() {
    $('#clk').click( function(){
        morning();
        about();
        message();
    });
    function morning(){
        alert("Good Morning");   
    }

    function about(){
        alert("Hi my name is Sunny");
    }

    function message(){
        alert("I hope you are doing well...");
    }
});
</script>
</body>
<html>

查看工作代码click here

onclick同时调用两个函数

2 个答案: