1

当我单击表格中的表格行时，我在<div>调用中从外部 php 页面加载 POST 内容的 div，如下所示：#ajaxContent#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);
    }
  });
 });

现在我想在加载的#ajaxContentdiv 中添加一个关闭按钮。当我在div
之外添加此代码时，它有点工作。#ajaxContent它隐藏了 div，但它也让我$("#tblStudents").on("click", "tr", function(e)停止工作，直到整个页面刷新......

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

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

是否可以向我当前的 jQuery 脚本添加关闭函数？并且仍然能够在不刷新页面的情况下切换#tblStudent- 表行并加载？#ajaxContent

4

1 回答 1

1

似乎唯一的问题是，如果单击隐藏按钮，则在单击下一行时没有任何内容可以显示容器。

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

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

如果它已经可见show()不会造成任何问题

于 2012-06-05T14:57:44.897 回答