如何使用忙图标显示Bootstrap Modal

Question

假设当用户点击某个按钮时，我想显示带有忙碌图标的Bootstrap对话框，就像下面一个小尺寸的图标一样。当服务器端内容来自jQuery AJAX请求时，Bootstrap对话框将自动调整大小以适应内容数据。请指导我如何使用Bootstrap Modal和jQuery实现它。

我经常搜索Google以获得这种Bootstrap对话框但没有找到任何概念。

Answer 1

只需使用加载程序图标：

1. 在.modal-body内，添加以下内容：

   <img src="loading.gif" />
   

2. 当您点击该链接时，您会触发一个AJAX并更新.modal-body的内容。

如果您正在使用活动，可以使用：

$(document).on("show.bs.modal", function () {
  $(".modal-body").html('<img src="loading.gif" />');
});

你可以从那种东西开始，继续研究它。