javascript - 在另一个元素加载后隐藏一个元素？ Ajax

Question

这是我的代码

$.ajaxSetup({
  cache: false
});
$(".post-link").click(function() {
  var post_link = $(this).attr("href");

  $("#single-post-container").html("content loading");
  $("#single-post-container").load(post_link);
  return false;
});
$(".close-link").click(function() {
  jQuery("#single-post-container").css('display', 'none');

});

在 #single-post-container 完全加载后，我想隐藏一个元素。如何做到这一点？

Answer 1

load() 接受一个函数作为第二个参数，它是加载完成后要执行的回调函数。只需将其添加到那里...

$("#single-post-container").load(post_link, function() {
    // hide the element here.
});