为什么我的工具提示没有触发? (通用事件绑定功能)

时间:2018-08-08 09:51:10

标签: javascript jquery dom-events

我有一个简单的按钮元素

在此元素上,我通过以下函数绑定了两个事件:

function bindButtonEvent(){
   $(button).off().click(function(){
      //Do stuff
   })
}

此后,我通过以下方式绑定引导工具提示事件:

$(button).tooltip()

这是行不通的,除非我将“ click”作为参数添加到Off函数或根本不调用bindButtonEvent。

如果我先绑定工具提示事件,这对我来说似乎合乎逻辑。 但是我取消呼叫后将其绑定。那么为什么工具提示仍然不起作用?

编辑: 我在onload调用bind方法(和另一个):

$(function () {
    bindButtonEvent();
     $(button).tooltip()
});

这是HTML按钮:

<button data-id="2" single-document class="btnDocDelete btn btn-remove-icon btn-xs" title="Verwijderen"></button> 

这是bindButtonEvent的代码:(现在带有“ click”参数)

$(".btnDocDelete").off("click").click(function (el) {
            bootbox.confirm({
                title: "Document verwijderen",
                message: "Weet u zeker dat u dit document wilt verwijderen?",
                buttons: {
                    cancel: {
                        label: "Nee",
                        className: "btn-bootbox-cancel"
                    },
                    confirm: {
                        label: "Ja",
                        className: "btn-bootbox-confirm"
                    }
                },
                callback(result) {
                    if (result) {
                        $.post(Site.router.controller.removeDocument(),
                            {
                                id: parseInt(this.data("id"), 10)
                            },
                            data => {
                                if (data.RefresTabs) {
                                    refreshTab(+el.parents("[formtabblad]").attr("formtabblad"), true);
                                    var extraTabsToRefresh = el.parents("[staticblok]").attr("extra-tabs-refresh");
                                    var arr = extraTabsToRefresh.split(",");
                                    for (var i = 0; i < arr.length; i++) {
                                        refreshTab(+arr[i], false);
                                    }
                                    toastr.success("Document is verwijderd.");
                                } else {
                                    toastr.error(
                                        "Er is helaas iets misgegaan met het verwijderen van het document.");
                                }
                            }

                        );
                    }
                }

0 个答案:

没有答案