結合兩個JS函數

Question

我目前正在嘗試將兩個 if 函數結合起來，但不知何故我只會得到錯誤。 我已經嘗試了多種組合它們的方法，但沒有結果。

我想做的是：我需要檢查 body 是否有特定的類，如果是，則需要取消選中復選框。

我試圖結合的內容：

if (document.body.classList.contains('thatClass')) {
    // do some stuff
}

$(function() {
  $(document).on("click", function(e) {
    if ($(e.target).is(".main-nav-slideout") === false) {
      $("#main-nav-toggle").prop("checked", false);
    }
  });
});

我嘗試結合片段：

$(function() {
  $(document).on("click", function(e) {
      if (document.body.classList.contains('thatClass')) && ($(e.target).is(".main-nav-slideout") === false) {
      $("#main-nav-toggle").prop("checked", false);
    }
  });
});

Answer 1

您可以縮短它，並在需要時調用該函數。

 $(function() { checkCheckbox() $(document).on("click", '.main-nav-slideout', checkCheckbox) }); function checkCheckbox() { $("#main-nav-toggle").prop("checked", $('body').hasClass('thatClass')); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <body class='thatClass'> <input type='checkbox' id='main-nav-toggle' /> <div class='main-nav-slideout'>Click me</div> </body>

Answer 2

試試這個：

$(function() {
  $(document).on("click", function(e) {
      if (document.body.getAttribute('class').split(' ').indexOf('thatClass')>-1 && ($(e.target).is(".main-nav-slideout") === false) {
      $("#main-nav-toggle").prop("checked", false);
    }
  });
});

結合兩個JS函數

問題描述

2 個解決方案

解決方案1
0 2021-07-01 20:50:28

解決方案2
0 2021-07-01 20:58:05

結合兩個JS函數

問題描述

2 個解決方案

解決方案1 0 2021-07-01 20:50:28

解決方案2 0 2021-07-01 20:58:05

解決方案1
0 2021-07-01 20:50:28

解決方案2
0 2021-07-01 20:58:05