Javascript 为什么我的工具提示没有触发？（一般事件绑定功能）

我有一个简单的按钮元素

在此元素上，我通过以下函数绑定两个事件：

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

在此之后，我通过以下方式绑定引导工具提示事件：

$(button).tooltip()

这不起作用，除非我将“click”作为参数添加到Off函数中，或者根本不调用bindButtonEvent

如果我先绑定工具提示事件，这似乎是合乎逻辑的。 但我取消后会把它绑起来。那么为什么工具提示仍然不起作用呢

编辑： 我调用bind方法（和另一个）onload：

以下是HTML按钮：

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

这是bindButtonEvent的代码：（现在使用“click”参数）

$（.btnDocDelete”）.off（“单击”）.click（函数（el）{
bootbox.confirm({
标题：“文件verwijderen”，
消息：“您的数据是否会被删除？”，
按钮：{
取消：{
标签：“Nee”，
类名：“btn引导框取消”
},
确认：{
标签：“Ja”，
类名：“btn引导盒确认”
}
},
回调（结果）{
如果（结果）{
$.post（Site.router.controller.removeDocument（），
{
id:parseInt（this.data（“id”），10）
},
数据=>{
if（data.RefresTabs）{
refreshttab（+el.parents（“[formtabblad]”）attr（“formtabblad”），true；
var extraTabsToRefresh=el.parents（“[staticblok]”）attr（“额外选项卡刷新”）；
var arr=extratbstorefresh.split（“，”）；
对于（变量i=0；i

您需要向我们展示更多的代码，以便我们能够找出错误所在。您在哪里调用bindButtonEvent函数？您的范围是什么？您的html看起来如何？我特别想过滤相关逻辑，但我现在添加了html、函数调用和函数实现

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

$(".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.");
                                }
                            }

                        );
                    }
                }