deaktiviert funktioniert in jedem Browser aber IE

Question

Unter einer bestimmten Bedingung muss eine Schaltfläche deaktiviert werden, wenn diese Bedingung erfüllt ist und die Schaltfläche deaktiviert ist, ist der Stil, der angewendet werden soll so in jedem Browser einschließlich IE, bei Mouseover Ein Verbotszeichen erscheint, aber in IE wird ein Klick immer noch registriert und ausgeführt. Ich könnte eine Bedingung verwenden, die das Ereignis umgibt. Wenn also die Deaktivierungsbedingung erfüllt ist und der Code nicht ausgeführt wird, funktioniert dies, ist aber aufgrund von Architekturregeln nicht erlaubt. Die Eigenschaft disable ist gesetzt, aber onclick wird immer noch ausgelöst.

Ich glaube nicht, dass mein Code von Wert ist, weil meine Beschreibung des Problems ein globales Problem auf jeder Schaltfläche in der Anwendung ist, so muss es eine IE spezifische Lösung geben, die auf die benutzerdefinierte Schaltfläche angewendet werden kann Steuerelement, um die Eigenschaft festzulegen, aber IE sagt, dass die Eigenschaft deaktiviert = True ist.

Answer 1

Ich hatte bis jetzt viele Probleme mit IE und sie scheinen in naher Zukunft kein Ende zu haben. :)

Deaktiviert ist eine Eigenschaft, die ich immer viel herumspielen muss, damit es funktioniert, wie ich es will.

Da Sie keinen Code vorsah, versuchen Sie einfach die folgende zu deaktivieren:

$("#yourid").attr("disabled", "disabled"); 

ODER

$("#yourid").attr("disabled", true); 

Und dieses zu ermöglichen:

$("#yourid").attr("disabled", false); 

OR

$("#yourid").removeAttr("disabled"); 

Answer 2

Nur eine Vermutung, da ich mit Riot.js nicht vertraut bin, aber der Code, den Sie dort haben, ist missgebildet. Der Button-Tag wurde nicht geschlossen. Browser behandeln falsch formatierten Code anders, also sollten Sie das überprüfen.

<mdt-button> 
    <style scoped> 
    :scope[disabled], 
    :scope button[disabled] {} 
    </style> 
    <button type="{ type }" disabled="{disabled:disabled}"> </button> 
    <script> 
    this.on('update', function() { 
     this.faceIcon = this.opts['face-icon']; 
     this.disabled = this.opts.__disabled; 
     this.type = this.opts.type ? this.opts.type : 'button'; 
    }); 
    </script> 
</mdt-button>