0

ブートストラップのボタンを使用する適切な方法は何だろうと思っていました。

私がやろうとしているのは、単純な ajax ベースのフォームです。ユーザーが入力して「送信」ボタンをクリックすると、このボタンが「ブートストラップクリック」されます(ブートストラップの例からクリックされた状態を意味します)。次に、フォームが適切に送信された場合、ボタンを通常のクリックされていない状態に戻すAJAX応答が必要です。だから、ここに私のコードがあります:

フォーム:

<input type="submit" id="button" class="btn" data-loading-text="Loading..." value="Send"/>

ジャバスクリプト:

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

AJAX 応答:

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

そして今、Chrome ではすべてが正常に機能します。ただし、これを Firefox で実行すると、非常に奇妙なバグが見られます。このボタンをクリックすると、マウスボタンが押された瞬間に消えます。マウス ボタンを離すと、ブートストラップ ボタンが再び表示されます。さらに、この消えることは発生する唯一のアクションであり、ajax 応答の起動を担当する私の JS コードは機能していません。それを機能させる唯一のチャンスは、ボタンが消える前に2回目のクリックが発生するほど速くダブルクリックすることですが、そのように機能しないことは明らかだと思います;)

私が間違っていることは何か考えがありますか? 前もって感謝します!

4

1 に答える 1

0

あなたはdata-loading-text="Loading.."notを使用していると思われますdata-loading-state="Loading"

于 2012-11-16T16:10:26.783 に答える