Dynamic variable in jQuery function parameters

Question

I'm using the code below to initiate a slideshow:

target.cycle({
            timeout: 0,
            before: onBefore,
            after: onAfter,
            next: target + ', #slide-next',
            prev: '#slide-prev'
        })

My only problem is I'm having trouble defining the next parameter which is supposed to take the selector of the slideshow itself; the variable target and the id of #slide-next

Unfortunately this code does not work.

When I use next: '#slide-next', the slides transition when I press the next button, when I use, next: target, the slides transition when I click on the slides themselves but when I use next: target + ',#slide-next', they transition only when I click on the slideshow and not on the next button.

How do I need to define next?

In what way does it "not work"? There's nothing obviously wrong with that code. — Pointy
– Pointy, Commented Oct 16, 2011 at 20:15
I don't think you're using it right, from the docs next: null, // element, jQuery object, or jQuery selector string for the element to use as event trigger for next slide — aziz punjani
– aziz punjani, Commented Oct 16, 2011 at 20:21
when I use next: '#slide-next', the slides transition when I press the next button, when I use, next: target, the slides transition when I click on the slides themselves but when I use next: target + ', #slide-next', they transition only when I click on the slideshow and not on the next button. — Mohammad
– Mohammad, Commented Oct 16, 2011 at 20:22
The value of target is a selector string for a div containing a list of images, for example #slideshow. — Mohammad
– Mohammad, Commented Oct 16, 2011 at 20:24

adeneo · Accepted Answer · 2011-10-17 07:13:39Z

1

var next = target.add("#slide-next");    

target.cycle({
        timeout: 0,
        before: onBefore,
        after: onAfter,
        next: next,
        prev: '#slide-prev'
})

edited Oct 17, 2011 at 7:13

answered Oct 16, 2011 at 22:47

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jovan MSFT · Accepted Answer · 2011-10-16 20:29:40Z

0

I'm not sure what you want to set as next, but here is some hint that might help you.

In the element put some attribute that represents a selector of the next element that should be shown e.g.:

 <div id="s1" data-next="#s2">...</div>

In your initialization put some code that take the current element and use data-next as an attribute for next:

target.cycle({
        timeout: 0,
        before: onBefore,
        after: onAfter,
        next: $(target).attr("data-next"),
        prev: '#slide-prev'
    })

You will probably need to modify this code but I hope that you see what is idea.

Jovan

answered Oct 16, 2011 at 20:29

Jovan MSFT

14.8k4 gold badges44 silver badges59 bronze badges

Collectives™ on Stack Overflow

Dynamic variable in jQuery function parameters

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related