twitter bootstrap ボタンをロード中にし、押せなくする

2013年3月23日更新 view: 2893 view
photoBy: http://d13n9ry8xcpemi.cloudfront.net/photo/odai/400/529e36d9ee64e392489f77084efe5fd6_400.jpg

ボタンを押せなくするには

ajaxの処理とかやっていて、ローディング中はボタンを押せなくしたい場合がある。
そんなときはこう。

ボタンを作る

<button class="btn btn-primary" type="button" id="ajaxAdd" data-loading-text="Loading...">追加</button>
スポンサードリンク

ローディング中にする

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

ローディング解除

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

たったこれだけですね。
ajaxの処理の時はボタンを押せないようにしないとバグるので必ずやろう。

a タグを押せなくするには

これは上記の方法だとエラーが出る。
発想を変えて、disabled を追加、解除すればOK

ローディング中 (ボタンを押せなくする)

$('.tool a').addClass('disabled');

ローディング解除

$('.tool a').removeClass('disabled');
スポンサードリンク

関連記事

関連カテゴリ