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。当我试图将它隐藏在test1.html＃HideDIV1中时，发髻......只是不工作。

请帮助。

Answer 1

尝试将hideDIV1的点击事件委托给其父级。假设您将hideDIV1追加到#DIV1：

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

这将出现在主页的脚本中。

jquery - 从加载的页面隐藏父div

1 个答案: