7
处于加载状态时如何在按钮上添加微调图标？
Twitter Bootstrap的按钮具有良好的Loading...状态。 事实是，它仅显示一条消息，例如Loading...通过data-loading-text属性传递的消息，如下所示： <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> 查看Font Awesome，您会看到现在有一个动画微调器图标。 在触发这样的Upload操作时，我尝试集成该微调器图标： $("#btnStartUploads").button('loading'); $("#btnStartUploads i").removeAttr('class'); $("#btnStartUploads i").addClass('icon-spinner icon-spin icon-large'); 但这完全没有效果，也就是说，我只看到Uploading...按钮上的文字。 按钮处于“加载”状态时是否可以添加图标？看起来Bootstrap只是<i class="icon-upload icon-large"></i>在处于Loading状态时只是删除了按钮内的图标。 这是一个简单的演示，展示了我上面描述的行为。如您所见，当它进入“加载”状态时，图标消失了。在该时间间隔后，它会重新出现。