JavaScript 回调函数未执行

Question

我刚刚开始学习回调函数。不幸的是，我无法使这个修改后的示例代码工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready( function() {
    $(".closebtn").click(function(){
        function1(someVariable, function() {
          function2(someOtherVariable);
        });
    });


    function function1(param, callback) {
        alert("Erste Funktion");
        callback();
    }

    function function2(param) {
        alert("Zweite Funktion");
    }
})

</script>

当我点击按钮时什么也没有发生。有人可以帮忙吗？

Answer 1

你的例子对我有用。让我知道您的想法:

// these need to be defined
var someVariable = 'example value';
var someOtherVariable = 'example value';

$(document).ready(function() {
  $(".closebtn").click(function() {
    function1(someVariable, function() {
      function2(someOtherVariable);
    });
  });


  function function1(param, callback) {
    console.log("Erste Funktion");
    callback();
  }

  function function2(param) {
    console.log("Zweite Funktion");
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="closebtn">Close</button>