jQuery关闭一个加载的div

时间:2012-06-05 14:51:32

标签: jquery html hide

当我点击表<div>中的表格行时,我从名为#ajaxContent的{​​{1}}的外部php页面加载一个带有POST内容的div:

#tblStudents

现在我想在加载的$("#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); } }); }); div中添加一个关闭按钮 当我在#ajaxContent div之外添加此代码时,它有点起作用。它隐藏了div,但它也使#ajaxContent停止工作,直到整页刷新...

$("#tblStudents").on("click", "tr", function(e)

是否可以在我当前的jQuery脚本中添加close函数?并且仍然可以在没有页面刷新的情况下切换<button id='hide'>Hide</button> <script> $("#hide").click(function(){ $("#ajaxContent").hide(); }); </script> - 表行并加载#tblStudent吗?

1 个答案:

答案 0 :(得分:1)

似乎唯一的问题是,如果你点击隐藏按钮,你没有任何东西可以在下一行显示容器。

只需将show()方法添加到行单击中的elemnt即可解决问题

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

如果已经显示show()不会导致任何问题