html - 表单提交按钮的旋转元素

Question

我正在尝试为 Bootstrap 输入加载文本包含一个旋转元素，如 this example 中所述，但我得到的是行字符串而不是实际的 html 元素。任何人都可以提示为什么会发生这种情况吗？

JSFIddle提供

<input type = 'submit' 
       class="btn btn-primary btm-sm pull-right" value="Оформить договор"     
       data-loading-text="<i class='fa fa-spinner fa-spin '></i> @Localization.Uploading">

Answer 1

这是因为它调用的是 button 而不是 input

CodePen

HTML

<button type='submit' class="btn btn-primary btm-sm pull-right" value="Оформить договор" data-loading-text="<i class='fa fa-spinner fa-spin '></i> @Localization.Uploading">Оформить договор</button>

JS

$('.btn').on('click', function() {
    var $this = $(this);
  $this.button('loading');
    setTimeout(function() {
       $this.button('reset');
   }, 8000);
});