单击时刷新 div 中的页面

Question

我在头顶上玩东西，但我拼命学习。

我有一个管理页面，使用 jquery 我显示了一个隐藏的 div，其中显示了另一个页面。

我这样做是：

$(document).ready(function(){
  $("a#fadeoutblog").click(function(){
    $("#page").fadeTo("slow",0.25)
    $("#terms4").fadeIn("slow")
    $("#back2").fadeIn("slow")
    $("#terms4").load("blogpageload.php")
     }); });

因此，terms4 是管理页面上的 div，它显示页面 blogpageload.php！

在这个页面上是一个表格，显示了一个非常简单的博客的所有帖子，'a'删除帖子一个标签和一个批准帖子'a'标签（它只是将数据库中的批准列设置为'Y'） .我想要的是当删除表中的帖子（或单击删除“a”标签）时，此 div 内的页面会刷新。问题是，当您单击删除“a”标签时，我们首先会被发送到 ammendblogdatabase.php 页面，以便可以删除帖子！。

我尝试了多种方法，但都出现了问题！

导致问题的主要部分是，要查看包含页面的此 div，用户必须首先单击另一个使用 jquery 来停止“显示：无”的标签。

我不确定您可能需要查看哪些代码，但请询问....

这是带有删除按钮的表格单元格中的信息：

echo "<a id='refreshblog' href='deleteblogentry.php?username=".$usn."&timeleft=".$tml."'>Delete</a>";

谢谢！

Answer 1

您最有可能遇到的问题是绑定到“未来”元素（例如，将在页面上，但还没有的元素）。为了克服这个问题，您可以使用.on() 来避免这种情况。

$('#terms4').on('click','a',function(){
  // will bind to anchor elements in #terms4 at the time of execution
  // (most likely page ready) and look for future anchors added (in
  // the case of .load() completing)
});

从那里，您可以绑定自己的显示/隐藏事件，或者调用删除幕后条目的 ajax 方法，然后再次调用 .load 并刷新页面。