jQuery 函数参数中的动态变量

Question

我使用下面的代码来启动幻灯片：

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

我唯一的问题是我无法定义

next

参数，该参数应该采用幻灯片本身的选择器；变量

target

和

#slide-next

的 id

不幸的是这个代码不起作用。

当我使用

next: '#slide-next',

时，按下下一个按钮时幻灯片会转换，当我使用

next: target,

时，当我单击幻灯片本身时，幻灯片会转换，但当我使用

next: target + ',#slide-next',

时，它们仅在我单击幻灯片时才会转换而不是下一个按钮。

我需要如何定义

next

？

Answer 1

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

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

Answer 2

我不确定您接下来要设置什么，但这里有一些提示可能会对您有所帮助。

在元素中放置一些代表应显示的下一个元素的选择器的属性，例如：

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

在初始化中放置一些代码，这些代码采用当前元素并使用 data-next 作为 next 的属性：

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

您可能需要修改此代码，但我希望您了解什么是想法。

乔万