toggle(） 不起作用并附加更多字段

toggle() is not working and append more field

本文关键字：字段 不起作用 toggle      更新时间：2023-09-26

div 在输入单击事件后显示。我添加了切换功能，当我单击输入字段时，div 将显示，但当我单击更多时间时我卡住了输入字段div 不会切换，更多div 将附加

    $(document).ready(function(){
    	$("#date_id").on("click", function(){
    	  this.insertAdjacentHTML("afterEnd", "<div id='lbl_date'>test</div>");
    	});
      $("#lbl_date").toggle();
    });
  #lbl_date{
    position: relative;
    background-color:#FFAA41;
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <input type="text"  id="date_id" class="date"/>
    <label for="lbl_date">date</label>
在我使用 $('').off() 并$().one()这个但再次切换div 不起作用后，请帮助我预计当我单击输入字段div 时会切换

你确实喜欢遵循你想要的技巧。

$(document).ready(function(){
    	$("#date_id").one("click", function(){
    	  this.insertAdjacentHTML("afterEnd", "<div id='div_date'>test</div>");
    	});
  $("#date_id").on("click", function(){
      $("#div_date").toggle();
    });
    });
#div_date{
    position: relative;
    background-color:#FFAA41;
  display:none;
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <input type="text"  id="date_id" class="date"/>
    <label for="lbl_date">date</label>

注意：id必须是唯一的。

相关文章：