iOSモバイルデバイスでボタン動作後に処理したい

Question

前提・実現したいこと

iOSモバイルデバイスでタップ後動作

発生している問題・エラーメッセージ

Android、WindowsのChromeでは問題なく動作していますが、iOS モバイルデバイスでは
以下のボタンの動作が不安定です。（iPhone678Xでは3度タップすれば動作しています）

該当のソースコード

<ul>
  <li>
    <li style="width: 200px;padding-left: 5px;">Menu</li>
    <li style="width: 350px;"></li>
    <li>
      <div class="fixed_btn">
        <div class="switch">
          <label class="switch__label">
          <input id="is" name="check" type="checkbox" class="switch__input" onClick="jump()" />
          <span class="switch__content"></span>
          <span class="switch__circle"></span>
        </label>
        </div>
      </div>
    </li>
  </li>
</ul>

.fixed_btn {
  bottom: 10px;
  right: 10px;
  padding: 6px 0px;
}

.switch__label {
  width: 50px;
  position: relative;
  display: inline-block;
  height: 30px;
}

.switch__content {
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 50px;
  height: 31px;
  overflow: hidden;
}

.switch__content:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  top: 0;
  left: 0;
  border: 1.5px solid #E5E5EA;
  border-radius: 30px;
  background-color: #fff;
}

.switch__content:after {
  content: "";
  display: block;
  position: absolute;
  background-color: transparent;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  border-radius: 30px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.switch__input {
  cursor: pointer;
  display: none;
}

.switch__circle {
  display: block;
  top: 2px;
  left: 2px;
  position: absolute;
  -webkit-box-shadow: 0 2px 6px #999;
  box-shadow: 0 2px 6px #999;
  width: 27px;
  height: 27px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.switch__input:checked~.switch__circle {
  left: 21px;
}

.switch__input:checked~.switch__content:after {
  background-color: #568fea;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

ul {
  list-style: none;
}

function jump() {
  $(function() {

    $('input[name="check"]').change(function() {
      var is = $('#is').prop('checked');
      if (is) {
        setTimeout(function() {
          window.alert('Worked!!');
        }, 200);

      }
    })
  });
}

Answer 1

function jump() {

        setTimeout(function() {
          window.alert('Worked!!');
        }, 200);

}

とし、動きのみで解決しました。