0

我正在尝试为客户构建各种模板构建器，并希望就如何在模板块被引入构建器后隐藏模板块提供一些建议。基本思想是你有一个简单的页面，其中包含一个 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;
});

任何帮助都将受到极大的欢迎！

4

2 回答 2

2

由于项目是动态加载的

$("#content").on('click', '.hide', function () {
    $(this).closest('table').hide();
    return false;
});
于 2013-09-28T08:42:14.747 回答
1

尝试这个

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

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

于 2013-09-28T08:44:10.947 回答