Witam,
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 :/

  1. $(function(){
  2. $("#dialog-zak-l-form").formwizard({
  3. formPluginEnabled: true,
  4. validationEnabled: true,
  5. focusFirstInput : true,
  6. textNext : 'Dalej',
  7. textBack : 'Wróć',
  8. textSubmit : 'Zatwierdź',
  9. formOptions :{
  10. success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })},
  11. beforeSubmit: function(data){$("#data").html("data sent to the server: " + $.param(data));},
  12. dataType: 'json',
  13. resetForm: true
  14. }
  15. });
  16. });
  17.  
  18. $("#radio-dialog-zak-l-typzakucia").buttonset();
  19. $("#radio-dialog-zak-l-typsuwmiarki").buttonset();
  20. $("#radio-dialog-zak-l-odmianazakucia").buttonset();

  1. <form id="dialog-zak-l-form" method="post" action="json.html" class="bbq ui-helper-reset ui-formwizard">
  2. <div class="fieldWrapper">
  3.  
  4. <span id="dialog-zak-l-form-1" style="display: inline;" class="step ui-formwizard-content ui-helper-reset ui-corner-all">
  5. <h3>Jaki masz typ zakucia?</h3>
  6. <p><img src="http://ima.gs/350x350.png" />
  7. <img src="http://ima.gs/350x350.png" /></p>
  8. <div id="radio-dialog-zak-l-typzakucia">
  9. <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" />
  10. <label for="dialog-zak-l-typzakucia-1">Standardowe</label>
  11. <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" />
  12. <label for="dialog-zak-l-typzakucia-2">Oczkowe</label>
  13. </div>
  14. </span>
  15.  
  16. <span id="dialog-zak-l-form-2" style="display: none;" class="step ui-formwizard-content ui-helper-reset ui-corner-all">
  17. <h3>Jaką masz suwmiarkę?</h3>
  18. <p><img src="http://ima.gs/350x350.png" />
  19. <img src="http://ima.gs/350x350.png" /></p>
  20. <div id="radio-dialog-zak-l-typsuwmiarki">
  21. <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" />
  22. <label for="dialog-zak-l-typsuwmiarki-1">Analogowa</label>
  23. <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" />
  24. <label for="dialog-zak-l-typsuwmiarki-2">Cyfrowa</label>
  25. </div>
  26. </span>
  27.  
  28. <span id="dialog-zak-l-form-3" style="display: none;" class="step ui-formwizard-content ui-helper-reset ui-corner-all">
  29. <h3>Jaka jest odmiana zakucia?</h3>
  30. <p><img src="http://ima.gs/350x350.png" />
  31. <img src="http://ima.gs/350x350.png" /></p>
  32. <div id="radio-dialog-zak-l-odmianazakucia">
  33. <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" />
  34. <label for="dialog-zak-l-typ-odmianazakucia-1">Lekka</label>
  35. <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" />
  36. <label for="dialog-zak-l-typ-odmianazakucia-2">Ciężka</label>
  37. </div>
  38. </span>
  39.  
  40. <span id="dialog-zak-l-form-4" style="display: none;" class="step ui-formwizard-content ui-helper-reset ui-corner-all">
  41. <h3>Jaki jest typ gwintu?</h3>
  42. <p><img src="http://ima.gs/350x350.png" />
  43. <img src="http://ima.gs/350x350.png" /></p>
  44. <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" />
  45. <label for="dialog-zak-l-typ-typgwintu-1">Zewnętrzny</label>
  46. <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" />
  47. <label for="dialog-zak-l-typ-typgwintu-2">Wewnętrzny</label>
  48. </span>
  49.  
  50. <span id="dialog-zak-l-form-5" style="display: none;" class="step ui-formwizard-content ui-helper-reset ui-corner-all">
  51. <h3>Określ kąt stożka</h3>
  52. <p><img src="http://ima.gs/250x350.png" />
  53. <img src="http://ima.gs/250x350.png" />
  54. <img src="http://ima.gs/250x350.png" /></p>
  55. <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" />
  56. <label for="dialog-zak-l-typ-katstozka-1">24</label>
  57. <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" />
  58. <label for="dialog-zak-l-typ-katstozka-2">37</label>
  59. <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" />
  60. <label for="dialog-zak-l-typ-katstozka-3">60</label>
  61. </span>
  62.  
  63. </div>
  64. <div class="navigation">
  65. <input class="navigation_button" id="back" value="Back" type="reset" />
  66. <input class="navigation_button" id="next" value="Next" type="submit" />
  67. </div>
  68. </form>


Efekt można zobaczyć tutaj po kliknięciu na "Pomóż mi dobrać parametry" na dole po lewej: http://proj.chost.eu/29-3/ .