我有一个简单的按钮元素
在此元素上,我通过以下函数绑定了两个事件:
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.");
}
}
);
}
}