我正在使用它:
$(function() {
// initialize scrollable
window.api = $("div.scrollable").scrollable({
clickable: true,
activeClass: "active",
onSeek: function() {
alert("current position is: " + this.getIndex());
//remove highlighting from all images
$(".items img").removeClass("selected");
var position = this.getIndex().toString();
var thisItem = $(".items:nth-child(" + position + ")");
//var thisItem = allItems(this.getIndex);
alert("item is: " + $(this).attr('alt'));
changeimage($(".items:nth-child(2)"));
}
}).circular().autoscroll({
interval: 4000,
api: true,
autoplay: false,
steps: 1
});
});
(只是测试),以便我可以将当前项解析为我的changeimage()函数 但我在警报中得到的所有内容都是未定义的。 我需要做什么来获取当前项目
答案 0 :(得分:2)
您可以通过调用以下内容使用api获取当前项目:
var currentItem = window.api.getItems().eq(window.api.getIndex());
getIndex()函数获取元素的数字位置,getItems获取包含其中所有项的jquery对象。使用eq()函数询问给定位置的项目。
我有时运气不好,但在onSeek回调中,您应该可以使用'this'变量来代替windows.api,它看起来像:
var currentItem = this.getItems().eq(this.getIndex());