Jquery 引导切换按钮触发多个更改事件

我在启动切换按钮工作时遇到问题。添加了我的切换按钮，如下所示

<input type="checkbox" checked data-toggle="toggle" data-on="Redigér" data-off="Deaktivér" data-onstyle="danger" data-offstyle="primary" id="aktiv_toggle">

在那里放置一个警报，以验证我有时会收到多个更改事件，但并非总是如此。不知道我做错了什么

奖励信息：更改事件被触发的次数是随机的。有时只有一次，其他时间2或3次

更新问题已更改：

---

切换按钮位于使用AJAX加载到我的content DIV的php文件中。如果我从php文件中删除我的Togglebutton样式和脚本导入，并将其与其他样式和脚本一起放入索引头，那么Togglebutton就可以正常工作。但这真的有必要吗？将所有CSS和脚本导入到索引头中。是否也可以根据我加载到DIV中的页面动态加载这些包含内容？

我使用了以下方法，如果我找到更好的解决方案，我还将在此处添加：

if($("#zoomCheckBox").is('*')){
    window.zoomToggleoldVal = $('#zoomCheckBox').prop('checked');
    $('#zoomCheckBox').change(function () {
        if (window.zoomToggleoldVal == $('#zoomCheckBox').prop('checked')){
            return;
        } else {
            window.zoomToggleoldVal = $('#zoomCheckBox').prop('checked');
        }
        //execute your code just oance
        console.log('test',window.zoomToggleoldVal);
    });
}

---

这里看起来不错，一定是出了什么问题else@DhirajBodicherla你说得对。我正在使用AJAX将我的页面加载到我的页面内容div中。我只是在php中添加了css和js，我需要切换按钮。显然，这会导致不适当的行为，因为将stylecss和scriptjs移动到我的索引头中，使所有内容都能正常工作，并且不再有双-三触发器。你能解释一下为什么我不能引用使用AJAX加载的页面中的样式和脚本文件吗。。请将ajax部分添加到问题中，以便快速解决问题。在ajax内容页面中添加Bootstraptogle脚本和css，或者在div=>$'aktiv_toggle'.bootstraptogle中加载ajax内容后添加脚本；

if($("#zoomCheckBox").is('*')){
    window.zoomToggleoldVal = $('#zoomCheckBox').prop('checked');
    $('#zoomCheckBox').change(function () {
        if (window.zoomToggleoldVal == $('#zoomCheckBox').prop('checked')){
            return;
        } else {
            window.zoomToggleoldVal = $('#zoomCheckBox').prop('checked');
        }
        //execute your code just oance
        console.log('test',window.zoomToggleoldVal);
    });
}