javascript - 关闭! jquery get函数和回调

Question

我的页面上有一个触发按钮，可以激活该按钮将代码从另一个 htmldoc 加载到我页面上的 div 中。

效果很好，如下所示: https://blog.kulturbanause.de/2012/12/inhalte-per-ajax-jquery-nachladen/

我使用这段代码:

<script>
  function kb_source_2_target() {
    $.get('source.html', function(data) {
      $('#target').html(data);  
    })
  }
</script>

现在我希望我的触发按钮在 div 中加载代码后启动第二个功能。

在加载代码中有一个div，f.e.类=“divtofadeout加载后”我现在想触发加载，然后触发加载内容中另一个 div 的淡出。

我可以通过回调来做到这一点吗？

我尝试过这个:

<script>
  function kb_source_2_target() {
    $.get('source.html', function(data) {
      $('#target').html(data,
        function callback(){
          $(".divtofadeoutafterloading").fadeOut();
        }
      );    
    })
  }
</script>

谢谢你的任何想法斯特凡

Answer 1

html()中没有回调所以你只需要内联执行它，因为它是同步操作。

function kb_source_2_target() {
  $.get('source.html', function(data) {
    $('#target').html(data)
    $(".divtofadeoutafterloading").fadeOut();
  })
}