jquery - アクションを無効にした後、ボタンのラベルが消える

Question

これは私が直面している非常に奇妙な問題です

HTML:

<input type="button" id="buttonobj" class="some class" value ="Button Name"/>

jQuery:

$(function(){

 $buttonObject = $('#buttonObj");
 $buttonObject.button('disable');

});

このコードを実行して Firebug で HTML を見ると、

<input type="button" id=buttonobj" class="some class" value =""/>

値が消えます。

無効化はここで何をしますか。どのように値を変更できますか。css でボタンの値を変更することは可能ですか??

jQuery-uiを使用しています

score 3 · Accepted Answer

コードにいくつかの間違いがあります。これを試してください：（私はあなたが使用したコードに精通していないので、いくつかの欠落/間違った引用符を修正し、jqueryの「無効化ボタン」行を私が知っているものに変更しました）

HTML:

<input type="button" id="buttonobj" class="class" value="Button Name" />

jQuery:

$(function(){
   $buttonObject = $("#buttonObj");
   $buttonObject.prop("disabled", true);
});

score 0 · Accepted Answer

disable 属性の値を変更するには、以下を使用します。

$(function(){

 $buttonObject = $("#buttonobj");
 $buttonObject.prop('disabled', true);
 alert($buttonObject.val());

});

score 0 · Accepted Answer

ついに問題を発見！

誰もその質問に答えなかった

無効化はここで何をしますか。どのように値を変更できますか。css でボタンの値を変更することは可能ですか??

答えは、カスタムメイドの jQuery Ui でした。関数を呼び出すとbutton.disable、これら2つのクラスが暗黙的に設定されます

ui-button-disabled ui-state-disabled

ここでのすべての解決策に感謝しますが、私はこれらすべての方法を知っています。誰かから譲り受けたコードだったので、自分で変更するのではなく、統合中に動かなかった理由を見つけるだけでした。

score 0 · Accepted Answer

HTML の 2 つの誤り、id 属性の引用符の欠落、および値と等号の間のスペース

したがって、次のようになります。

<input type="button" id="buttonObj" class="some class" value=" Button Name"/>

jQuery の場合:

$(function(){
    $buttonObject = $("#buttonObj");
    $buttonObject.attr("disabled", "disabled");
});

$buttonObject.removeAttr("disabled");再度有効にしたい場合に使用します。

編集：

また、ボタンと jQuery の ID が更新されたコードと一致しませんでした。

編集：

プレーンな JavaScript でも同じことができます。

function someFunc(){
    document.getElementById("buttonObj").disabled = "disabled";
}

4 に答える 4