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

2013年3月23日更新 view: 3102 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');
スポンサードリンク

関連記事

関連カテゴリ

コロ助

web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!

ピックアップ

パソコン・ソフトウェア ランキング

10月16日 ( 月 ) にアクセスが多かった記事はこちら!