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

Having issues attempting to hide content using .hide()

本文关键字：遇到 问题 隐藏 hide      更新时间：2023-09-26

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

相关文章：