Javascript jquery第二次对事件没有响应_Javascript_Jquery_Html

Javascript jquery第二次对事件没有响应

javascript jquery html

Javascript jquery第二次对事件没有响应,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试使用jQuery显示/隐藏。但问题是，显示和隐藏只起作用一次。这是我的HTML文件 <script type="text/javascript"> $(document).ready(function(){ $('#button1').click(function(){ $('#show_div').html('this is div to appear<button id="button2" >two</button>');

我正在尝试使用jQuery显示/隐藏

。但问题是，显示和隐藏只起作用一次。这是我的HTML文件

<script type="text/javascript">
$(document).ready(function(){
  $('#button1').click(function(){
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});
</script>

<body>
  <button id="button1">one</button>
  <div id="show_div"></div>
</body>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});
一

现在，当我单击按钮“一”时，“显示分区”显示良好+按钮“二”。然后，当我单击按钮“两个”时，“显示div”和按钮“两个”消失。但当我再次点击“一”按钮时，什么也没发生

我知道解释可能很简单，但我不明白。

它没有显示，因为您也应该显示div。尝试使用以下方法：

<script type="text/javascript">
$(document).ready(function(){
  $('#button1').click(function(){
     $('#show_div').show();
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});
</script>

<body>
<button id="button1">one</button>
<div id="show_div"></div>


</body>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.show（）；
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});
一

它不显示，因为您也应该显示div。尝试使用以下方法：

<script type="text/javascript">
$(document).ready(function(){
  $('#button1').click(function(){
     $('#show_div').show();
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});
</script>

<body>
<button id="button1">one</button>
<div id="show_div"></div>


</body>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.show（）；
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});
一

它不显示，因为您也应该显示div。尝试使用以下方法：

<script type="text/javascript">
$(document).ready(function(){
  $('#button1').click(function(){
     $('#show_div').show();
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});
</script>

<body>
<button id="button1">one</button>
<div id="show_div"></div>


</body>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.show（）；
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});
一

它不显示，因为您也应该显示div。尝试使用以下方法：

<script type="text/javascript">
$(document).ready(function(){
  $('#button1').click(function(){
     $('#show_div').show();
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});
</script>

<body>
<button id="button1">one</button>
<div id="show_div"></div>


</body>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.show（）；
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});
一

使用调用隐藏方法，清除HTML内容

$('#show_div').html("");

如果不调用隐藏方法，请清除HTML内容

$('#show_div').html("");

如果不调用隐藏方法，请清除HTML内容

$('#show_div').html("");

如果不调用隐藏方法，请清除HTML内容

$('#show_div').html("");

只要在按下按钮1时显示div：

$(document).ready(function(){
  $('#button1').click(function(){
    $('#show_div').show();   // <-- here
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});

$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'#show_div'）。show（）；//只要在按下按钮1时显示div：
$(document).ready(function(){
  $('#button1').click(function(){
    $('#show_div').show();   // <-- here
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});

$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'#show_div'）。show（）；//只要在按下按钮1时显示div：
$(document).ready(function(){
  $('#button1').click(function(){
    $('#show_div').show();   // <-- here
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});

$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'#show_div'）。show（）；//只要在按下按钮1时显示div：
$(document).ready(function(){
  $('#button1').click(function(){
    $('#show_div').show();   // <-- here
    $('#show_div').html('this is div to appear<button id="button2" >two</button>');

      $('#button2').click(function(){
      $('#show_div').hide();
   });  
 });
});

$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'#show_div'）.show（）；//这是因为您正在隐藏div#show_div。当单击按钮2时，#show_div将显示样式：无
再次单击#按钮1时，它将替换html，但div仍然隐藏
也许可以试试这个，$（'#show_div'）.show（），再次显示div
<script type="text/javascript">
  $(document).ready(function(){
    $('#button1').click(function(){

         $('#show_div').show();
         $('#show_div').html('this is div to appear<button id="button2" >two</button>');
         $('#button2').click(function(){
             $('#show_div').hide();
         });  
   });
  });
</script>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.show（）；
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});
这是因为您隐藏了div#show#div，当单击按钮2时，#show#div会显示样式：无
再次单击#按钮1时，它将替换html，但div仍然隐藏
也许可以试试这个，$（'#show_div'）.show（），再次显示div
<script type="text/javascript">
  $(document).ready(function(){
    $('#button1').click(function(){

         $('#show_div').show();
         $('#show_div').html('this is div to appear<button id="button2" >two</button>');
         $('#button2').click(function(){
             $('#show_div').hide();
         });  
   });
  });
</script>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.show（）；
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});
这是因为您隐藏了div#show#div，当单击按钮2时，#show#div会显示样式：无
再次单击#按钮1时，它将替换html，但div仍然隐藏
也许可以试试这个，$（'#show_div'）.show（），再次显示div
<script type="text/javascript">
  $(document).ready(function(){
    $('#button1').click(function(){

         $('#show_div').show();
         $('#show_div').html('this is div to appear<button id="button2" >two</button>');
         $('#button2').click(function(){
             $('#show_div').hide();
         });  
   });
  });
</script>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.show（）；
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});
这是因为您隐藏了div#show#div，当单击按钮2时，#show#div会显示样式：无
再次单击#按钮1时，它将替换html，但div仍然隐藏
也许可以试试这个，$（'#show_div'）.show（），再次显示div
<script type="text/javascript">
  $(document).ready(function(){
    $('#button1').click(function(){

         $('#show_div').show();
         $('#show_div').html('this is div to appear<button id="button2" >two</button>');
         $('#button2').click(function(){
             $('#show_div').hide();
         });  
   });
  });
</script>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'show#u div'）.show（）；
$（'show#u div'）.html（'this is div to appeartwo'）；
$（'#按钮2'）。单击（函数（）{
$（'#show_div'）.hide（）；
});  
});
});