重新加载页面后，防止更改事件触发复选框

Question

每次刷新页面时，都会在复选框上触发更改事件。 如何防止这种情况发生？

我有以下格式的标准复选框：

<div class="toggle-icon"><input id="this-box" class="toggle-icons" type="checkbox">
    <label for="this-box"><img class="toggle-image" width="36px" height="36px" src="/somedirectory/"></label>
</div>

在javascript中，我具有复选框的更改处理程序：

    $(document).ready(function() {
      $('#this-box').change(function(e){
       //some actions I do not want to occur on page refresh
      });
    });

感谢人们发布的解决方案，但是代码可能还有另一个问题。 不幸的是不能在这里发布更大的代码库。

Answer 1

创建一个click事件，因此仅在单击时才触发其功能。

$("#this-box").click(function () {
    alert("Handler for .click() called.");
});