javascript - 当我单击切换按钮打开模式时，关闭并重新打开模式时，额外的单击事件再次触发

Question

我有一个可以正确打开和关闭的模态，但是当我重新打开模态并单击切换按钮时，会触发额外的单击事件（意味着一次单击总共有两个单击事件）。

 //open modal close modal
    $("#my-id").modal('show', {
        backdrop: 'static'
    });
    $("#my-id").modal('hide');

   
    

    //javascript
    $('#togle').change(function() {
      if ($(this).prop('checked') == true) {
                $(this).val("1");
                    console.log('1')
      } else {
                $(this).val("0");
                    console.log('0')
      }
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<input id="togle" type="checkbox" data-toggle="toggle"  >

标签： javascripthtmljquery