Question

你有一个引导灯箱（ekko灯箱），它通过数据远程属性加载一个图库。我的问题是我已经通过数据属性加载了一个模态页脚。在我的页脚中，我添加了一个由id =“submit”标识的按钮。然后我将此按钮与一个用于通过ajax请求将文件名发送到PHP页面的单击操作相关联。现在，如果弹出模式显示n次，我的动作就像$(document).on("click", "#submit", function(){/* my ajax call */});一样加载，ajax请求被发送n次。我如何解决这个问题？

Answer 1

我有同样的问题。我无法解决此问题，但是我做了以下代码来“修复”此问题：

$(".glyphicon-picture").click(function() {
    setTimeout(function (){
        var a = [];
        for (i = 0; i <= 1000; i++){
            if ($("#ekkoLightbox-"+i).attr("id") != undefined) a.push($("#ekkoLightbox-"+i).attr("id"));
        }
        for (i = 1; i < a.length; i++){
            $("#"+a[i]).remove();
        }
        $(".ekko-lightbox").on("hidden.bs.modal", function () {
            $(".modal-backdrop").remove();
        });
    }, 750);
})

如何防止点击事件多次触发

1 个答案: