Question

显示输入点击事件后的div.i＆＃39; m添加了切换功能，当我点击输入字段div时会显示但是当我点击更多时间时我卡住了输入字段div不会切换，更多的div会追加

＆＃13;

    $(document).ready(function(){
    	$("#date_id").on("click", function(){
    	  this.insertAdjacentHTML("afterEnd", "<div id='lbl_date'>test</div>");
    	});
      $("#lbl_date").toggle();
    });

＆＃13;

  #lbl_date{
    position: relative;
    background-color:#FFAA41;
    }

＆＃13;

    <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>

＆＃13;

＆＃13; 在我使用$('').off()和$().one()之后再次切换div不能正常工作请帮助我期待当我点击输入字段div时将切换

Answer 1

你喜欢跟随你想要的技巧。

$(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必须是唯一的。

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

1 个答案: