Имея проблемы с попыткой скрыть контент с использованием .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/