将.on绑定到jquery中的函数

Uncaught TypeError:无法读取未定义的“on”属性 在htmlButtoneElement。(myFile.js:84) 在HTMLButtonElement.dispatch(jquery-2.1.1.min.js:7) 在HTMLButtonElement.r.handle(jquery-2.1.1.min.js:7)

我试过这样做,在modal中我有一个表单,当你有一些未保存的信息时,我想通过CancelSave函数打开一个小的bootbox警报,但是表单和modal要保持在后台,这是可行的,但是chrome中有一个错误,我怎样才能摆脱它,或者尝试用另一种方式将这个“s how.bs.modal”附加到我的函数中?

$("#cancelButton").click(function () {
    CancelSave().on("show.bs.modal");
    return false;
});

function CancelSave() {
    return bootbox.dialog({
        backdrop: true,
        closeButton: true,
        show: false,
        title: "Unsaved Information",
        message: "Would you like to save",
        buttons: {
            cancel: {
                label: "CANCEL",
                className: "",
                callback: function () { }
            },
            danger: {
                label: "NO",
                className: "",
                callback: function () { }
            },
            main: {
                label: "YES",
                className: "btn-primary",
                callback: function () {
                    Save();
                }
            }
        }
    }
}