Question

让我解释一下，我正在使用下面的代码来启动幻灯片演示：

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

我唯一的问题是我无法定义next参数，该参数应该是幻灯片本身的选择器;变量target和id #slide-next

不幸的是这段代码不起作用，

当我使用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'
    })

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

约万

jQuery函数参数中的动态变量

2 个答案: