我正在尝试为客户构建各种模板构建器,并希望在将模板块引入构建器后如何隐藏模板块提供一些建议。基本思想是你有一个简单的页面,其中包含用户可以选择构建其模板的 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;
});
任何帮助将得到极大的帮助!
由于项目是动态加载的
$("#content").on('click', '.hide', function () {
$(this).closest('table').hide();
return false;
});
试试这个
$(document).on('click', '.hide', function(e) {
$(this).parent().hide();
e.preventDefault();
});
http://jsfiddle.net/r33L5/3/