任何滑块未定义

Question

我正在为相册使用 AnythingSlider jquery 插件，但在自定义它时遇到了一些问题。

滑块可以工作，但现在我想显示当前幻灯片编号和总数，但在 Firebug 中出现错误。

脚本是这样的：

$(function() {

var current = $('#gallery').data('AnythingSlider').currentPage;
var pages = $('#gallery').data('AnythingSlider').pages;
$('.slides').append(current + '/' + pages);

$('#gallery').anythingSlider({
    appendBackTo: '.arrow-left',
appendForwardTo: '.arrow-right',
buildNavigation: false,
buildStartStop: false,
easing: 'linear',
resizeContents: false
    //expand: true
})
});

没有前 3 行它可以工作，但是 Firebug 说 $("#gallery").data("AnythingSlider") 是未定义的。

Answer 1

这是因为data('AnythingSlider')在插件初始化之前不可用，所以只需放置以下几行

var current = $('#gallery').data('AnythingSlider').currentPage;
var pages = $('#gallery').data('AnythingSlider').pages;
$('.slides').append(current + '/' + pages);

这些行的底部

$('#gallery').anythingSlider({
    appendBackTo: '.arrow-left',
    appendForwardTo: '.arrow-right',
    buildNavigation: false,
    buildStartStop: false,
    easing: 'linear',
    resizeContents: false
   //expand: true
});

如果其他一切都正确，那么它应该可以工作。 data('AnythingSlider') 仅在插件初始化时可用，因为这些数据将由此插件添加，在此之前这些数据为 undefined。