表單提交按鈕的旋轉元素

Question

我想包括一個用於Bootstrap輸入加載文本的旋轉元素，如this example中所述，但我得到的是行字符串而不是實際的html元素。任何人都可以提供一個暗示爲什麼會發生這種情況

JSFIddle提供

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); 
});