1

我正在为相册使用 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") 是未定义的。

4

1 回答 1

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.

于 2012-07-07T10:39:08.110 回答