jQuery Mobile wie überprüfe ich, ob die Schaltfläche deaktiviert ist?

Ich deaktiviere die Schaltfläche wie folgt auf meiner jQuery Mobile-Webseite:

$(document).ready(function() {
    $("#deliveryNext").button();
    $("#deliveryNext").button('disable');
});

und ich kann es mit aktivieren

$("#deliveryNext").button('enable');

Aber wie überprüfe ich, ob die Schaltfläche deaktiviert oder aktiviert ist?

Dieser Befehl gibt “undefiniert”:

$("#deliveryNext").attr('disabled')

Einige Ideen?

Bearbeiten: Ich finde heraus, dass $(“#deliveryNext”).button(‘disable’) nur dazu dient, den Stil auf der Schaltfläche zu ändern, das Klicken funktioniert danach einwandfrei, also muss ich die Schaltfläche irgendwie auch deaktivieren. attr(‘disabled’, ‘disabled’), aber wenn ich dann .attr(‘disabled’) teste, bekomme ich undefiniert…

Edit2: mehr zu meinem “echten” Problem unter Wie deaktiviere ich eine Link-Schaltfläche in jQuery Mobile?

Versuchen :is Wähler

$("#deliveryNext").is(":disabled")

Verwenden Sie stattdessen .prop:

$('#deliveryNext').prop('disabled')

Mit dem gleichen Problem konfrontiert, wenn versucht wird zu überprüfen, ob eine Schaltfläche deaktiviert ist. Ich habe verschiedene Ansätze ausprobiert, z btn.disabled, .is(':disabled'), .attr('disabled'), .prop('disabled'). Aber niemand arbeitet für mich.

Einige zum Beispiel .disabled oder .is(':disabled') ist zurückgekommen undefined und ähnliches .attr('disabled') gab das falsche Ergebnis zurück – false wenn die Schaltfläche tatsächlich deaktiviert war.

Aber nur eine Technik funktioniert bei mir: .is('[disabled]') (mit eckigen Klammern).

Um festzustellen, ob eine Schaltfläche deaktiviert ist, versuchen Sie Folgendes:

$("#myButton").is('[disabled]');

Versuchen

$("#deliveryNext").is(":disabled")

Folgender Code funktioniert bei mir:

<script type="text/javascript">
    $(document).ready(function () {
        $("#testButton").button();
        $("#testButton").button('disable');
        alert($('#testButton').is(':disabled'));
    });
</script>
<p>
    <button id="testButton">Testing</button>
</p>

Ich hatte das gleiche Problem und ich fand, dass dies funktioniert:

if ($("#deliveryNext").attr('disabled')) {
  // do sth if disabled
} else {
  // do sth if enabled 
}

Wenn Sie dadurch undefiniert erhalten, können Sie verwenden if Zustand auch.

Wenn Sie bewerten undefined es wird zurückkehren false.

Versuchen

$("#deliveryNext").is('[disabled]');

http://jsfiddle.net/8gfYZ/11/
Überprüfe hier..

$(function(){

    $('#check').click(function(){
        if( $('#myButton').prop('disabled') ) { 
            alert('disabled'); 
            $('#myButton').prop('disabled',false);
        } 
        else {
            alert('enabled');
            $('#myButton').prop('disabled',true);
        }
    });
});