如何使用忙碌图标显示 Bootstrap 模式

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" />');
});

你可以从这样的事情开始，然后继续努力。