mam problem z generowaniem 'buttonset()' w formularzu opartym na jQuery Form i Formwizard Plugin.
W pierwszym kroku grupa radio buttons jest aktywna, a w następnych już nie - nie wiem w czym tkwi problem :/
$(function(){ $("#dialog-zak-l-form").formwizard({ formPluginEnabled: true, validationEnabled: true, focusFirstInput : true, textNext : 'Dalej', textBack : 'Wróć', textSubmit : 'Zatwierdź', formOptions :{ success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })}, beforeSubmit: function(data){$("#data").html("data sent to the server: " + $.param(data));}, dataType: 'json', resetForm: true } }); }); $("#radio-dialog-zak-l-typzakucia").buttonset(); $("#radio-dialog-zak-l-typsuwmiarki").buttonset(); $("#radio-dialog-zak-l-odmianazakucia").buttonset();
<form id="dialog-zak-l-form" method="post" action="json.html" class="bbq ui-helper-reset ui-formwizard"> <div class="fieldWrapper"> <span id="dialog-zak-l-form-1" style="display: inline;" class="step ui-formwizard-content ui-helper-reset ui-corner-all"> <div id="radio-dialog-zak-l-typzakucia"> <input type="radio" id="dialog-zak-l-typzakucia-1" name="dialog-zak-l-typzakucia" class="ui-wizard-content ui-helper-reset ui-state-default" value="standardowe" /> <input type="radio" id="dialog-zak-l-typzakucia-2" name="dialog-zak-l-typzakucia" class="ui-wizard-content ui-helper-reset ui-state-default" value="oczkowe" /> </div> </span> <span id="dialog-zak-l-form-2" style="display: none;" class="step ui-formwizard-content ui-helper-reset ui-corner-all"> <div id="radio-dialog-zak-l-typsuwmiarki"> <input type="radio" id="dialog-zak-l-typsuwmiarki-1" name="dialog-zak-l-typsuwmiarki" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="analogowa" /> <input type="radio" id="dialog-zak-l-typsuwmiarki-2" name="dialog-zak-l-typsuwmiarki" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="cyfrowa" /> </div> </span> <span id="dialog-zak-l-form-3" style="display: none;" class="step ui-formwizard-content ui-helper-reset ui-corner-all"> <div id="radio-dialog-zak-l-odmianazakucia"> <input type="radio" id="dialog-zak-l-typ-odmianazakucia-1" name="dialog-zak-l-typ-odmianazakucia" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="lekka" /> <input type="radio" id="dialog-zak-l-typ-odmianazakucia-2" name="dialog-zak-l-typ-odmianazakucia" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="ciezka" /> </div> </span> <span id="dialog-zak-l-form-4" style="display: none;" class="step ui-formwizard-content ui-helper-reset ui-corner-all"> <input type="radio" id="dialog-zak-l-typ-typgwintu-1" name="dialog-zak-l-typ-typgwintu" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="zewnetrzny" /> <input type="radio" id="dialog-zak-l-typ-typgwintu-2" name="dialog-zak-l-typ-typgwintu" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="wewnetrzny" /> </span> <span id="dialog-zak-l-form-5" style="display: none;" class="step ui-formwizard-content ui-helper-reset ui-corner-all"> <img src="http://ima.gs/250x350.png" /> <input type="radio" id="dialog-zak-l-typ-katstozka-1" name="dialog-zak-l-typ-katstozka" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="24" /> <input type="radio" id="dialog-zak-l-typ-katstozka-2" name="dialog-zak-l-typ-katstozka" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="37" /> <input type="radio" id="dialog-zak-l-typ-katstozka-3" name="dialog-zak-l-typ-katstozka" class="ui-wizard-content ui-helper-reset ui-state-default" disabled="disabled" value="60" /> </span> </div> <div class="navigation"> <input class="navigation_button" id="back" value="Back" type="reset" /> <input class="navigation_button" id="next" value="Next" type="submit" /> </div> </form>
Efekt można zobaczyć tutaj po kliknięciu na "Pomóż mi dobrać parametry" na dole po lewej: http://proj.chost.eu/29-3/ .