AnythingSlider未定义

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。