动态显示条件输出

Question

我试图根据方法的条件输出显示工具提示，如果输入元素的值是介于1和100之间的数字，则返回true。

当验证方法返回false时，它应该显示工具提示，但是没有任何反应。

private observeGradeSubmission() : void {
    ...
    // Input element in question
    this.currentGradeInput.keyup(() => {
        if (!Validation.validateNumberInRange(this.currentGradeInput.val(), 1, 100)) {
            this.currentGradeInput.tooltip('show');
        }
    });
    ...
}

在DOM检查中显示的HTML节点，其中包含数据属性：

<input name="mark" placeholder="Grade" maxlength="3"
    data-toggle="tooltip"
    data-trigger="manual" 
    data-hint="Grade value must be a number from 1 to 100" 
    class="form-control input-sm input-text-right grade-input" 
    data-original-title="" title="" type="text">

Validation.validateNumberInRange()方法和this.currentGradeInput.keyup() jQuery方法都按预期工作。

任何人都知道为什么这不起作用？

使用Bootstrap 4，最新的alpha。工具提示在鼠标悬停时按预期工作。