将第一个模态的关闭绑定到第二个模态的开头

Question

因此，当第一个模态（此。$ avatarModal）关闭时，我想要打开第二个模态（此。$ modaldata）。：

以下序列有效但是第二个模态的滚动无法正常运行：

    this.$avatarModal.modal('hide');
    this.$modaldata.modal('show'); 

作为滚动问题的解决方案，github上的开发人员建议绑定事件。但是，使用.on的以下代码不起作用（第二个模态不会打开。

    this.$avatarModal.modal('hide');
    this.$avatarModal.on('hidden.bs.modal', function () {
      this.$modaldata.modal('show');
});

但是，如果我用警报替换show事件，则会打开警报：

    this.$avatarModal.modal("hide");
    this.$avatarModal.on('hidden.bs.modal', function () {
      window.alert('hidden event fired!');
});

这告诉我这里的所有命令都有效，但在.on中有'show'方法（'hidden'...事件似乎不起作用。

是否存在这种不兼容的原因以及如何在第一个模态关闭后正确打开第二个模态？