当我点击表<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
吗?
答案 0 :(得分:1)
似乎唯一的问题是,如果你点击隐藏按钮,你没有任何东西可以在下一行显示容器。
只需将show()方法添加到行单击中的elemnt即可解决问题
$("#ajaxContent").show().html("<div id='wait'></div>");
如果已经显示show()
不会导致任何问题