美文网首页
bootstrap下拉框点击多次触发问题

bootstrap下拉框点击多次触发问题

作者: 佛系码农 | 来源:发表于2018-06-29 18:59 被阅读0次

动态加载的元素很多情况下click事件会出现点击几次触发几次后端代码的情况,
这样的问题一般解决方案是是先绑定然后再解绑,就可以解决
function inicitalFieldGroup() {
$("#btn_field_group").bind("click",
function () {
$(".dropdown-menu li a").bind("click", //绑定click事件
function (e) {
e.preventDefault();
var title = $(this).parents(".dropdown").children(".dropdown-toggle").children(".dropdownitem");
title.text($(this).html());

                var fieldGroupName = title.context.innerText;
                $.ajax({
                    url: "/ReportTemplate/GetBindingFields",
                    type: "POST",
                    data: { fieldGroupName: fieldGroupName },
                    success: InitialFieldBinding,
                    error: function () {
                        abp.notify.error("请求失败");
                    }
                });
            });
        $("#btn_field_group").unbind("click");//解除click事件绑定
    });

}

相关文章

网友评论

      本文标题:bootstrap下拉框点击多次触发问题

      本文链接:https://www.haomeiwen.com/subject/ljxzyftx.html