Jquery .load/.resizable不起作用

Question

爲什麼調整大小在這個函數中工作，不能在下面的函數中工作。 對我來說很重要，因爲每次當id＃id div被點擊時，我都希望數據被檢索到，而不僅僅是一次（工作示例）。

謝謝。

WORKS

$(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(); 
}); 

利用​​的只有一次的請求已完成響應回調函數。

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(); 
    }); 
}); 

Answer 4

嘗試使用AJAX這樣加載數據：

$(document).ready(function() { 
    var el = $('#tc'); 
    el.draggable(); 
    var AjaxRequest = null; 
    $("#test").click(function() { 
     if (AjaxRequest !== null) { 
      AjaxRequest.abort(); 
     } 
     AjaxRequest = $.get('berichten.php', function(data) { 
      el.html(data); 
      el.toggle(); //.css("display","inline-block"); 
      el.resizable(); 
     }); 
    }); 
});