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

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

创建一个点击事件，因此只有在点击时才会触发其功能。

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