Search jQuery

jQuery Forum

Using jQuery Plugins

pioneerwe..

Cycle and label/input [radio] clicks - 'next' command advances two

in Using jQuery Plugins • 12 years ago

I'm building a body shape calculator which jQuery Cycle turns into a truly beautiful form. However...

The original problem:

When a parent element is the slide, any child form labels and inputs cannot be selected if the same click is used to advance the slide. They can be clicked, and the slide is advanced (they were given a 'next' className), but the input is not selected/checked.

First solution:

Remove the 'next' className, and add an onclick handler to the label, with the 'next' command:

$('#slideshow').cycle('next');

New problem:

Now the input is selected correctly, but the slide advances two slides instead of one!

Is there a better way to make an input click advance slides?

While my calculator form UI feels great using cycle, I feel like I'm totally underusing an excellent plugin when it comes to the 'next' functions - do I need to use a 'before' callback instead? I'm not 100% sure how to employ it.

Replies(1)

pioneerwe..

Re: Cycle and label/input [radio] clicks - 'next' command advances two

12 years ago

UPDATE: For anyone using this information in the future...

The reason the slide was advancing twice is because some browsers (Moz) were calling the label onclick twice.

So I added return false to the onclick function, but then had to check the radio button via the same function (since cancelling the onclick also prevented it from being checked!).

So it's not as elegant, but here's the solution for me:

<label for="Body_shape3" id="labelBody_shape3" onclick="return bscF(this);">

and

function bscF(thisE) {
document.getElementById(thisE.id.replace(/label/,'')).checked=true;
$('#slideshow').cycle('next');
return false;
}

Top Reply

Response title

Attachments

jQuery Forum

Cycle and label/input [radio] clicks - 'next' command advances two

Replies(1)

Re: Cycle and label/input [radio] clicks - 'next' command advances two

Statistics

Tags

Actions