jQuery來關閉加載DIV

我從外部PHP頁面在<div>加載與POST內容的一個div叫#ajaxContent當我點擊表格中的#tblStudents錶行是這樣的：jQuery來關閉加載DIV

$("#tblStudents").on("click", "tr", function(e){ 
var row_id = $("td:first a.ajaxCall", this).attr("rel"); 
$("#ajaxContent").html("<div id='wait'></div>"); 
$.ajax({ 
    url: "/page/editstudent.php", 
    data: { 'student_id':row_id }, 
    success: function(data){ 
     $("#ajaxContent").html(data); 
    } 
    }); 
});

現在我想在加載的#ajaxContent div內添加一個關閉按鈕。
當我在#ajaxContent div之外添加此代碼時，它有點作用。它隱藏在div但它也使我$("#tblStudents").on("click", "tr", function(e)停止工作，直到一整頁刷新...

<button id='hide'>Hide</button> 

<script> 
    $("#hide").click(function(){ 
    $("#ajaxContent").hide(); 
}); 
</script>

是否有可能接近尾聲的功能添加到我目前的jQuery腳本？仍然能夠通過#tblStudent - 表格行切換並加載#ajaxContent而不刷新頁面？

來源

2012-06-05 David

我建議嘗試做'卸下襬臂（）'而不是'.hide（）' –

沒有變化，它只有在'#ajaxContent'-div之外放置'＃hide'時才起作用。 – David

看來唯一的問題是，如果你點擊隱藏按鈕，你沒有任何東西在下一行點擊顯示容器。

只是增加show（）方法，以行內點擊了elemnt應該解決的問題

$("#ajaxContent").show().html("<div id='wait'></div>");

如果已經可見show()不會造成任何問題

來源

2012-06-05 14:57:44 charlietfl

謝謝。這部分解決了我的問題。我也忘了在加載的頁面上加載腳本，這些頁面包含'＃ajaxContent' div。謝謝！ – David

jQuery來關閉加載DIV

回答

相關問題