Отмена кнопки в модальном всплывающем окне не работает

Question

У меня есть представление, которое получает частичный вид ajax и показывает его как модальное всплывающее окно. Проблема в том, что частичный вид имеет кнопку отмены на нем с определенным атрибутом id, но его .click javascript событие привязано к основному виду. так что-то вроде этого:

Главная Просмотреть

<div> 
some_ajax_link 
</div> 

<div id="partial_container"></div> 

<script> 
    $(document).ready(function() { 
     $('ajax_link').click(function (e) { 
      var hiddenSection = $('#partial_container'); 
      hiddenSection.fadeIn() 
       // unhide section.hidden 
       .css({ 'display': 'block' }) 
       // set to full screen 
       .css({ width: $(window).width() + 'px', height: $(window).height() + 'px' }) 
       .css({ 
        top: ($(window).height() - hiddenSection.height())/2 + 'px', 
        left: ($(window).width() - hiddenSection.width())/2 + 'px' 
       }) 
       // greyed out background 
       .css({ 'background-color': 'rgba(0,0,0,0.5)' }); 
     }); 
}); 
$('#partial_container').on('click', '#close_button', function() { 
    $('#partial_container').fadeOut(); 
}); 
</script> 

Частичное

<div> Some stuff </div> 
<button id="close_button">Cancel</button> 

Причина у меня есть кнопка отмены в парциальное для целей моделирования, когда кнопка находится в главном зрения работает по какой-то причине. Я запутался, потому что, когда парциальное извлекается она заканчивается на той же странице

EDIT

не знаю, почему Theres .appendTo («тело»), я получил этот сценарий где-то в Интернете, нужно ли это?

Answer 1

Я в конечном итоге добавив скрипт на частичный вид где кнопка

$('close_button').click(function() { 
$('modal_popup_id').fadeOut(); 
}); 

кажется, когда модальный «выцветает» вещи в фоновом режиме отключены временно, поэтому событие нажмите не вызывается, когда нажимается кнопка (или любой сценарий на основном экране не запускается)

Answer 2

$('#partial_container').on('click', '#close_button', function() { 
    $('#partial_container').fadeOut(); 
});