如何使用忙图标显示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" />');
});

你可以从那种东西开始,继续研究它.