JavaScript回调函数未执行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript回调函数未执行相关的知识,希望对你有一定的参考价值。

我刚开始学习回调函数。不幸的是,我不能使这个改变的示例代码工作。

<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>

当我点击按钮时没有任何反应。有人可以帮忙吗?

答案

你的例子适合我。让我知道你的想法:

// 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>

以上是关于JavaScript回调函数未执行的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 异步操作之回调函数

jquery Bootstrap工具提示标题回调函数未执行

javascript之回调函数小知识

JavaScript回调函数

JavaScript的异步编程

javascript异步回调