jquery-steps

Transclusion within nested element with jQuery Steps

由 孤街浪徒 提交于 2019-12-11 07:18:43
问题 I'm attempting to integrate jQuery Steps (Wizard generator) in an Angular.js application with a nested Google Maps element from angular-google-maps (https://github.com/angular-ui/angular-google-maps). However, I get this error: https://docs.angularjs.org/error/ngTransclude/orphan - "Illegal use of ngTransclude directive in the template! No parent directive that requires a transclusion found." It looks like I have been using $compile during the Angular.js link phase, but the <div ng-transclude

Can't bind events to inputs within jquery.steps wizard

由 我是研究僧i 提交于 2019-12-11 05:37:45
问题 I am using the Wizard from http://www.jquery-steps.com/. Everything with the wizard works pretty smooth, but when I try to bind an event to the input fields within that wizard, it is not working. The following is the essential code for the issue: <div class="content"> <h1>Basic Demo</h1> <div id="wizard"> <h2>First Step</h2> <section> <input type="text" class="namer" /> <div class="text">This should be replaced</div> <h2>Second Step</h2> <section> <pdfsgdf</p> </section> </div> </div> <script

Jquery-Step Form Submit

由 非 Y 不嫁゛ 提交于 2019-12-08 12:58:03
问题 I am trying to implement JQuery-steps plugin found here: https://github.com/rstaib/jquery-steps I cannot figure out how to submit my form. I am not using field validation at this point. Here is my JS: <script> $(function () { $("#wizard").steps({ headerTag: "h2", bodyTag: "section", transitionEffect: "slideLeft", onFinishing: function (event, currentIndex) { var form = $(this); // Disable validation on fields that are disabled. // At this point it's recommended to do an overall check (mean

On step changing check file size and file type Jquery-Steps

由 旧时模样 提交于 2019-12-08 09:50:52
问题 I'm using jquery-steps plugin. now im trying to check if file extension is .jpg or not. everything works fine except filetype checking. it accepts everything but it shouldn't $("#passportForm").steps({ headerTag: "h1", bodyTag: "fieldset", enableFinishButton: false, transitionEffect: "fade", stepsOrientation: "vertical", onStepChanging: function (event, currentIndex, newIndex) { // Always allow going backward even if the current step contains invalid fields! if (currentIndex > newIndex) {

Jquery steps plugins conflict with CKeditor RTE plugins

由 房东的猫 提交于 2019-12-08 08:10:37
问题 Hi guys I am using this http://www.jquery-steps.com/Examples as my wizard form plugins. I notice that it has a conflict with Ckeditor plugin with an error of Uncaught TypeError: Cannot read property 'unselectable' of null. I just tried the solution on this post Ckeditor with jQuery form wizard but it doesn't fix the issue. What is the best solution for this? 回答1: I guess you put the CKeditor right into the wizard HTML code. In that case what´s really important to understand is that jQuery

How to have two buttons in JQuery Steps

由 这一生的挚爱 提交于 2019-12-08 04:26:38
问题 I really need some help here. So I am using one Jquery Steps PlugIn. Now in this PlugIn when we go to the last tab it has a button name as "Finish" when clicked calls "onFinishing" Method. onFinishing: function () { var loadedPrefix = MyNamespace.loadedPrefix; var inputBoxPrefix = $('#SitePrefix').val(); $.ajax({ type: 'POST', url: '/Settings/IsPrefixExists', data: { newPrefix: inputBoxPrefix, prefixLoadedFromDB: loadedPrefix }, success: function (data) { // do some stuff here } }, error:

jQuery Steps - reset wizard without page reload

由 耗尽温柔 提交于 2019-12-04 20:36:51
问题 I am using jQuery steps ( https://github.com/rstaib/jquery-steps/wiki ) in order to create step by step form to users to fill out. It works great, however I need to be able to reset it. Once user submitted the form (using ajax so the page doesn't refresh), I would like present a user fresh wizard. Is there a way to reset the wizard? Or perhaps to reload without reloading the page? 回答1: I was able to reset my jQuery steps wizard by adding a few lines of code to the solution here, plus a couple

How to have two buttons in JQuery Steps

由 和自甴很熟 提交于 2019-12-04 19:06:15
I really need some help here. So I am using one Jquery Steps PlugIn . Now in this PlugIn when we go to the last tab it has a button name as "Finish" when clicked calls "onFinishing" Method. onFinishing: function () { var loadedPrefix = MyNamespace.loadedPrefix; var inputBoxPrefix = $('#SitePrefix').val(); $.ajax({ type: 'POST', url: '/Settings/IsPrefixExists', data: { newPrefix: inputBoxPrefix, prefixLoadedFromDB: loadedPrefix }, success: function (data) { // do some stuff here } }, error: function () { DisplayError('Failed to load the data.'); } }); } Now above works perfectly fine. But my

Make radio buttons over power background image

由 巧了我就是萌 提交于 2019-12-04 07:07:56
问题 I am using jquery steps and icheck with bootstrap. The problem I am having is with my jquery steps I can not get the icheck radio buttons to work. In the picture below when you try to change the radio buttons in the table nothing happens. But on the bottom of the picture I am using the same exact code and when you hover or select a radio button it is working perfect. I am thinking the css for the jquery steps has some sort of code that just appearing to make the radio buttons just look like

How to set a dynamic height on content for each step?

由 。_饼干妹妹 提交于 2019-12-03 07:32:23
问题 I'm using Jquery steps wizard plugin. The problem I am having is that each step of the wizard has content of a different height. The css included with the examples to control the height for the content is .wizard > .content { background: #eee; display: block; margin: 0.5em; min-height: 35em; overflow: hidden; position: relative; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } I have tweaked the min-height and overflow properties, but it still doesn't do
订阅 jquery-steps