jquery-steps

jquery-steps copied to clipboard

This is a super cool plugin i have seen My problem is that, Other plugind like Chosen(chosen.jquery.js) and MultiSelect(jquery.multi-select.js ) are not working inside the form, after applying jquery-steps.If that code runs outside the form(the form which is used for jquery-steps), it works perfectly fine. Can you help with that.

The problem is that the code use only raw html so all previously binded events to content is lost. There should be used wrapAll method.

See here

change the line in the render method

contentWrapper = $(wrapperTemplate.format(options.contentContainerTag, "content " + options.clearFixCssClass, wizard.html())),

to (updated - uses wrapInner instead of wrapAll)

contentWrapper = wizard.wrapInner(wrapperTemplate.format(options.contentContainerTag, "content " + options.clearFixCssClass, "")).children().first()

Thank you, that line of code helped to fix bindings in Ember when using this plugin.

Hey guys I faced this same issue with selectize.js. What worked was that I initialized other plugins after initializing the jquery.steps plugin. Saw the answer on SO http://stackoverflow.com/questions/31758647/chosen-not-working-inside-the-form-using-jquery-steps

actually the problem is that jquery step changes

#Id of html elements

with its own custom id's for movement of elements , back and forth, check by inspect element you will find that element id have been changed, and Selector chain may be have been broke.

The problem is that the code use only raw html so all previously binded events to content is lost. There should be used wrapAll method.

See here

change the line in the render method

contentWrapper = $(wrapperTemplate.format(options.contentContainerTag, "content " + options.clearFixCssClass, wizard.html())),

to (updated - uses wrapInner instead of wrapAll)

contentWrapper = wizard.wrapInner(wrapperTemplate.format(options.contentContainerTag, "content " + options.clearFixCssClass, "")).children().first()

not work with dropzone.js !