jquery函数为引导模式执行多次

嗨， 每次单击事件类时，它都会显示两次“模式打开”警报。甚至有时它会显示多次。当我关闭引导模式时，有时会多次显示“模式关闭”警报。 基本上，警报数量是随机变化的。

---

请提供帮助。

这是因为您在单击功能中添加了显示的.bs.modal，该功能将在每次创建modal时绑定事件

查看下面的代码

$（'.launchConfirm'）。在（'click'，函数（e）上{
$（“#确认”）
.modal（{background:'static'，键盘：false}）
});
$（'.modal'）.on（'show.bs.modal'，function（））{
警报（“模式打开”）；
});
$（'.modal'）.on（'hidden.bs.modal'，function（））{
警报（“模式关闭”）；
});
body，
.modal open.page容器，
.模态打开。页面容器。导航栏固定顶部，
.modal打开.modal容器{
溢出y：滚动；
}
@介质（最大宽度：979px）{
.模式打开.页面容器.导航栏固定顶部{
溢出y：可见；
}
}



发射确认
你想继续吗？
继续
取消
将您的代码放在jsfiddle.net（html/css/js）中，这样我们就可以“实时”检查它了。请确保您只将显示问题的基本代码放在那里。没有人愿意浏览成百上千行没有任何作用的代码。@Dekel谢谢。让我告诉你我真正的问题。请访问并单击图像，旋转它。它工作正常，但如果您关闭模式打开另一个图像并再次尝试旋转，它将在一次单击中旋转两次，关闭模式并通过单击图像打开另一个模式尝试旋转它将旋转三次，放大和缩小的情况相同。我认为问题在于bs模式。您可以从中获取代码。我不能使用JSFIDLE，因为imageThank@Pratik Shah出现了跨源资源问题，但我需要在单击事件show.bs.modal中使用show.bs.modal。让我向您展示我真正的问题。请访问并单击图像，旋转它。它工作正常，但如果您关闭模式打开另一个图像并再次尝试旋转，它将在一次单击中旋转两次，关闭模式并通过单击图像打开另一个模式尝试旋转它将旋转三次，放大和缩小的情况相同。我认为问题在于引导模式隐藏。您可以从gist.github.com/muradhassan/1693f614e72ac015d6fd获得代码
$(document).on('click', '.event_class', function() {

    $('#originalImageShow').modal('show');

    $('#originalImageShow').on('shown.bs.modal',  function() {
        alert('Modal Open');
    });
    $('#originalImageShow').on('hidden.bs.modal', function() {
        alert('Modal Close');
        $('#originalImageShow').off();
        $(this).removeData('bs.modal');
    });

});