尝试使用.hide（）隐藏内容时遇到问题

Question

我正在尝试为客户端构建各种模板构建器，并希望就将模板块引入构建器后如何隐藏它们提出一些建议。 基本思想是，您有一个简单的页面，其中包含HTML模板块的列表，用户可以选择该列表来构建其模板-假设此处#content是保存单独的模板块的容器。

我使用以下方法从外部HTML文件中引入内容：

$('.add-section').click(function() {
    var content = '';
    $.ajax({ type: "GET",   
        url: "sections/new-section.html",   
        async: false,
        success : function(text)
        {
            content = text;
        } 
    });
$( '#content' ).append( content );
return false;
});

效果很好，但是我想在HTML块中包含一个“隐藏”按钮，因此一旦在构建器中，用户就可以选择隐藏它（如果重复或不必要）。

我试图在下面使用.hide（），但没有任何效果。

$(".hide").click(function() {
    $(this).parent().parent('table').hide();
return false;
});

任何帮助将不胜感激！

Answer 1

由于项目是动态加载的

$("#content").on('click', '.hide', function () {
    $(this).closest('table').hide();
    return false;
});

Answer 2

尝试这个

$(document).on('click', '.hide', function(e) {
    $(this).parent().hide();
e.preventDefault();
});

http://jsfiddle.net/r33L5/3/