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;
});

这很好用，但是我想要包含一个＆＃34; hide＆＃34; 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/

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

2 个答案: