javascript - 如何隐藏 AJAX 调用生成的 DIV？

Question

我有一个关闭 DIV 的简单脚本。示例如下:http://jsfiddle.net/22fTm/3/

但是，我的问题是 DIV“框”仅在 ajax 调用之后生成，它是搜索 php 脚本的一部分。

知道我需要什么才能完成这项工作吗？类似问题:How to hide an element on an AJAX call?

Answer 1

由于元素是动态创建的，因此您必须使用 on 或 delegate 来负责触发事件，即使元素是动态添加的。

使用在

$(function(){
    $(document).on("click", "div.box a.close", function() {
        $(this).parent("div.box").fadeOut();
    });
});

on() 引用:http://api.jquery.com/on/ JQuery 版本 1.7+

<强> Demo

使用委托(delegate)

$(function(){
    $(document).delegate("div.box a.close", "click", function() {
        $(this).parent("div.box").fadeOut();
    });
});

delegate() 引用:http://api.jquery.com/delegate/

<强> Demo