Ich mache eine kleine App für Countdown-Timer, in der ich knockout CSS-Bindung mit mehreren Klassen verwendet habe. Nun, das Problem ist, wenn ich die Logik in separaten Handler schreiben, es funktioniert gut, aber wenn Sie versuchen, die gleiche Logik inline mit CSS-Bindung zu implementieren, funktioniert es nicht wie erforderlich.
Arbeitsversion: Ссылка
%Vor%Nicht funktionierende Version: Ссылка
%Vor%Es scheint, als ob in der inline CSS-Bindung, wenn die Bedingung wahr ist, dann die Anwendung der Klasse, aber beim Überprüfen der nächsten Anweisung, die falsch ist, die im vorherigen Schritt hinzugefügte Klasse entfernt wird. Gibt es einen Workaround für diese Inline-CSS-Prüfung, da viele Switch-Anweisungen im Arbeitscode nicht gut aussehen.
Ich habe das heute nur noch benötigt. Ich bevorzuge die mehrfache CSS-Klassenbindung, die in den Dokumenten
%Vor%Sie können mehrere CSS-Klassen gleichzeitig festlegen. Zum Beispiel, wenn Ihr Ansichtsmodell eine Eigenschaft namens isSevere hat.
%Vor%Sie können sogar mehrere CSS-Klassen basierend auf derselben Bedingung festlegen, indem Sie die Namen in Anführungszeichen setzen, z. B .:
Sie können eine berechnete Funktion verwenden, um das CSS zu erhalten. Etwas wie das:
html:
%Vor%Javascript:
%Vor%Tags und Links knockout.js html jquery css