如何在单击时使用Bootstrap按钮显示动画gif

Question

我知道如何在用户点击Bootstrap按钮时显示loading ...文本.这样我就做到了

http://jsfiddle.net/YCst4/1/

add two dependency files
1) bootstrap.min.css 
2) bootstrap.min.js 

<button class="btn" id="button" data-text-loading="Loading...">Press Me</button>
$('#button').button();

$('#button').click(function() {
    $(this).button('loading');
});

现在,当用户点击按钮时,我怎么能在按钮的位置显示这个动画的gif http://www.bba-reman.com/images/fbloader.gif.

如果可能的话,请指导我如何处理示例代码.谢谢

Answer 1

那这个呢:

$('#button').button();

$('#button').click(function() {
    $(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
});

生活演示:http://jsfiddle.net/YCst4/857/