jquery - Скрыть родительский div, с загруженной страницы

Question

Итак, мне нужно закрыть div с главной страницы с помощью кнопки с загруженной страницы.

Это главная страница:

<div id="DIV1" style="display:none;"></div> 
<div id="ShowPage1">Show 1</div> 
<div id="ShowPage2">Show 2</div> 

<script type="text/javascript"> 
$('#ShowPage1').click(function(){ 
    $("#DIV1").load("test1.html"); 
    $("#DIV1").show(); 
    return false; 
}); 
$('#ShowPage2').click(function(){ 
    $("#DIV1").load("test2.html"); 
    $("#DIV1").show(); 
    return false; 
}); 
</script> 

Это test1.html

<div id="HideDIV1">HideDiv</div> 

<script type="text/javascript"> 
$('#HideDIV1').click(function(){ 
    $("#DIV1").hide(); 
    return false; 
}); 
</script> 

Первая часть, работает отлично, он загрузит test1.html и показать Div1. Bun, когда я пытаюсь скрыть это от test1.html # HideDIV1, ... просто не работайте.

Помогите пожалуйста.

Answer 1

Попробуйте делегировать событие click из hideDIV1 его родительскому элементу. Допустим, вы добавляете к hideDIV1#DIV1:

$('#DIV1').on('click','#hideDIV1',function(){ 
    $("#DIV1").hide(); 
     return false; 
}); 

Это будет идти в сценарии главной страницы.