jQuery UI - Ich kann nicht Kontrollkästchen Kontrollkästchen

Question

Also ich habe ein Problem mit der button() -Funktion.

HTML:

<input id="nextday_button" name="nextday" type="checkbox" value="true" /><label for="nextday_button">yes</label> 
<input id="submit_button" name="commit" type="submit" value="Check" /> 

JS:

$("#nextday_button").button().css('font-size','36px'); 
$("#submit_button").button().css({'font-size':'22px', 'padding': '3px 12px 3px 12px'}); 

Das Styling für die #submit_button funktioniert perfekt, aber ich kann nicht Stil der #nextday_button. .css() scheint in diesem Fall nicht zu funktionieren. Mache ich etwas falsch im HTML?

Answer 1

Ok, dank Ghyath Serhal fand ich, dass ich nicht die ‚Taste‘ sich auf diese Weise Stil kann:

$("#nextday_button").button().css('font-size','36px'); 

da dieser Code nur das Kontrollkästchen ist Styling. Ich sollte stattdessen das Etikett stylen, also habe ich dem Etikett eine ID zugewiesen und dann das JS wie folgt geändert:

$("#nextday_button").button(); 
    $("#nextday_label").css('font-size','36px'); 

Answer 2

Versuchen Sie, die .Button() zu entfernen. Probieren Sie dieses $ ("# nextday_button"). Css ('font-size', '36px');