表单提交按钮的旋转元素

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

这是因为它正在调用input而不是<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>

CodePen

<强> HTML

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

<强> JS

$config['sess_expiration']      = 0;