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.
