2

インターネットを参照して、ボタンを無効にする方法を見つけます。

<td valign="center" halign="left"><a href="#" id="save-user" data-role="button" data-inline="true" data-theme="b" data-icon="check">Save</a></td>

結果のないレシピのほとんどがありました：

$('#operator-modify').ready( function () {
// None of the below disable button
//$("#save-user").attr("disabled", true).button("refresh");
//$('#save-user').addClass('ui-state-disabled').attr('disabled', true);
//$('#save-user').attr('disabled', 'disabled').addClass( 'ui-state-disabled');
});

最後に - ボタンを有効/無効にする方法は?

4

5 に答える 5

4

リンク タグをボタンとして使用する(つまり、追加するdata-role="button") JQM ボタン ウィジェットのマークアップ/スタイリングを適用するための buttonMarkup プラグインですが、実際にはボタン ウィジェットを作成しません。実際にはボタン ウィジェットがないため、ボタン ウィジェットのメソッド (有効化、無効化など) を使用することはできません。代わりに、「ボタン」ui-disabledを無効または有効にするには、クラスを追加/削除する必要があります。

$('#save-user').addClass("ui-disabled");

そして、ここに単純なjsBinがあります

補足として、ナビゲーションにボタンを使用しない場合は、フォーム ボタン ( input、button) を使用することをお勧めします。通常のボタンを使用する場合は、代わりに JQM ボタンの無効化メソッドを使用できます。

于 2013-04-18T15:36:11.050 に答える
2

jQuery モバイルには、いくつかのタイプのボタンがあります。「基本」ページの最初のものは<a data-role="button">. このタイプのボタンは、.ui-disabledクラスを適用することで無効にすることができます:

$('#operator-modify').ready( function () {
   $('#save-user').addClass('ui-disabled');
});

ドキュメントのボタンとしてスタイル設定されたリンクに関するメモがあります。

注: ボタンのようなスタイルのリンクには、以下の実際のフォームベースのボタンと同じ視覚的オプションがすべてありますが、重要な違いがいくつかあります。リンクベースのボタンはプラグインの一部ではなくbutton、基本的なbuttonMarkupプラグインを使用してボタン スタイルを生成するだけなので、フォーム ボタン メソッド (有効化、無効化、更新) はサポートされません。リンクベースのボタン (または任意の要素) を無効にする必要がある場合は、無効なクラス ui-disabled を JavaScript で自分で適用して、同じ効果を得ることができます。

他のタイプのボタンは<input type="button">と<button>です。このタイプのボタンは、「ボタン」ウィジェットの「disable」メソッドを呼び出すことで無効にできます。

$('#operator-modify').ready( function () {
   $('#save-user').button('disable');
});

完全な例: http://jsfiddle.net/xH7W3/3/

于 2013-04-18T15:05:19.677 に答える
0

ボタンを無効にしようとしているのではなく、アンカー<a>タグを無効にしようとしています。

convert を use にするか、どこにも行ってはならない / 何もしないときに<button>anを使用し.click()て returnにします。false

アンカーが「無効」の場合は、別のスタイルを定義する必要がある場合もあります。

を使用することをお勧めし<button>ますが...

于 2013-04-18T14:56:57.683 に答える
0

あなたが持っているのはボタンではありません。htmlアンカータグです。これが、ボタン関連の無効化機能が機能しない理由です。

<a>タグをタグに変更できる場合、<button>または<input type="button" />次のように動作するはずです。 $("#save-user").attr("disabled", true);

それをボタンに変更できない場合は、スタイル クラスを追加して、ハイパーリンクを無効に見せ (ポインターではなく灰色とマウス カーソルを通常に表示)、デフォルトのクリックを防ぐことができます。

于 2013-04-18T14:57:12.357 に答える
-1

アンカー < a> 要素を使用しています。無効のような属性はありません。アンカー要素を無効にするには、次のようにします。

$("#save-user").click(function(e) { 
    e.preventDefault(); 
});

preventDefault は、HTML / ブラウザーの反応が確実にキャンセルされるようにします。

入力 < input> 要素または < button> 要素のいずれかである可能性があるボタンを単に無効にしたい場合は、次のようにします。

<input type="button" value="Click Me" disabled/>
于 2013-04-18T15:00:35.743 に答える