Jquery .load / .resizable不工作

Question

为什么调整大小在此函数中有效，而在下面的函数中无效。这对我来说很重要，因为每次单击id为#test的div时，我都希望检索数据，而不仅仅是在开始时检索一次(工作示例)。

谢谢。

作品

$(document).ready( function() {
  $("#tc").load("berichten.php");
  $("#tc").draggable();
  $("#test").click( function(){
    $("#tc").toggle(); //.css("display","inline-block");
    $("#tc").resizable();
  });
});

不起作用！：

$(document).ready(function() {
  $("#tc").draggable();
  $("#test").click(function(){
    $("#tc").load("berichten.php");
    $("#tc").toggle(); //.css("display","inline-block");
    $("#tc").resizable();
  });
});

Answer 1

$("#tc").load("berichten.php", function(){
    $("#tc").toggle(); //.css("display","inline-block");
    $("#tc").resizable();
});

利用.load()的回调函数仅在请求完成后进行响应。

Answer 2

我能想到的唯一一件事就是点击链接的默认动作会取消加载。尝试：

$("#test").click( function( e ) {
  e.preventDefault();
  $("#tc").load("berichten.php");
  $("#tc").toggle(); //.css("display","inline-block");
  $("#tc").resizable();
});

Answer 3

尝试：

$(document).ready(function() {
  $("#tc").draggable();
  $(document).on("click","#test",function(){
    $("#tc").load("berichten.php");
    $("#tc").toggle(); //.css("display","inline-block");
    $("#tc").resizable();
  });
});