Look into the changestart event On Nov 26, 1:35 am, Stinky Tofu <[email protected]> wrote: > I am writing a form wizard using JQuery's accordion module. The > problem is I want to override any mouse clicks on the accordion menu > so that the form is validated first before the accordion will show the > next section. > > I have tried the following: > > $('#accordion h3').unbind(); > > $('#accordion h3').click(function() { > if (validate()) > { > $("#accordion").accordion('activate', 2); > }else > { > alert("invalid form"); > }} > > But the above code doesn't work. The built-in click event of the > accordion still gets called and the accordion shows the next section > regardless of whether the form is valid or not. > > I have also tried the following code: > > $('#accordion h3').click(function(event) { > if (validate()) > { > $("#accordion").accordion('activate', 2); > }else > { > alert("invalid form"); > } > event.stopPropagation(); > > }); > > But the stopPropagation() call doesn't seem to affect the accordion > behaviour at all, the next section is displayed whether or not the > form is valid. > > Any idea what I may be doing wrong? > > Thanks!
-- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
