关闭加载的div的jQuery
提问于 2012-06-05 14:51:32
当我单击表#tblStudents中的表行时，我在名为#ajaxContent的<div>中从外部php页面加载包含POST内容的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目录中添加一个关闭按钮。
当我将这段代码添加到#ajaxContent目录之外时，它在某种程度上是有效的。它隐藏了div，但也会让我的$("#tblStudents").on("click", "tr", function(e)停止工作，直到整个页面刷新……
<button id='hide'>Hide</button>
<script>
$("#hide").click(function(){
$("#ajaxContent").hide();
});
</script>是否可以将close函数添加到我当前的jQuery脚本？并且仍然能够在不刷新页面的情况下在#tblStudent表行之间切换并加载#ajaxContent？
回答 1
Stack Overflow用户
发布于 2012-06-05 14:57:45
似乎唯一的问题是，如果单击隐藏按钮，则在下一行单击时不会显示容器。
只需在行单击内将show()方法添加到elemnt就可以解决问题
$("#ajaxContent").show().html("<div id='wait'></div>");如果它已经可见，show()将不会导致任何问题
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10899573
复制相关文章
腾讯云开发者
