【问题标题】:Hide an element after another element loads? AJAX在另一个元素加载后隐藏一个元素? AJAX
【发布时间】:2015-09-22 13:51:08
【问题描述】:

这是我的代码

$.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 完全加载后,我想隐藏一个元素。如何做到这一点?

【问题讨论】:

    标签: javascript jquery ajax dom


    【解决方案1】:

    load() 接受一个函数作为第二个参数,它是加载完成后执行的回调函数。只需在此处添加...

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

    【讨论】:

    • 耶终于工作了……谢谢!不知道这是一件小事:P
    • 是的,jQuery 充满了类似的小东西。他们大量使用回调让我完全重新思考了我编写 Javascript 的方式,而且它好多了!很高兴我能帮忙:)
    • 有一个小错误。如果再次点击相同的链接,#single-post-container 会刷新几次
    • 它应该再次做同样的事情。您是否多次运行分配了点击处理程序的代码?
    • 是的.. 任何其他方式都会弄乱它旁边的代码。
    猜你喜欢
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-23
    • 1970-01-01
    • 2022-07-15
    • 1970-01-01
    相关资源
    最近更新 更多