Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery循环插件_Jquery_Plugins_Cycle - Fatal编程技术网

Jquery循环插件

Jquery循环插件,jquery,plugins,cycle,Jquery,Plugins,Cycle,我一直在使用jquery cycle插件(malsup.com/jquery/cycle),它完全按照我的意愿运行,只是它似乎没有将第一张幻灯片识别为幻灯片。我正在使用onAfter函数根据需要打开和关闭下一个/上一个链接,并 显示第1页,共页?但下一个链接会在第2页上自行保留 (当你期望上一个链接出现时)和 页面计数正确,第2页显示为第1页,共7页 作为真正的第一页)。你可以在下面看到我的意思: div的结构非常复杂,但我认为它是合理的,而且 我说,插件正在计算div 代码如下: $(doc

我一直在使用jquery cycle插件(malsup.com/jquery/cycle),它完全按照我的意愿运行,只是它似乎没有将第一张幻灯片识别为幻灯片。我正在使用onAfter函数根据需要打开和关闭下一个/上一个链接,并 显示第1页,共页?但下一个链接会在第2页上自行保留 (当你期望上一个链接出现时)和 页面计数正确,第2页显示为第1页,共7页 作为真正的第一页)。你可以在下面看到我的意思:

div的结构非常复杂,但我认为它是合理的,而且 我说,插件正在计算div

代码如下:

$(document).ready(function() {
      $('#cycle-content').cycle({
      fx:     'none',
      prev:   '#prev',
      next:   '#next',
      after:   onAfter,
      timeout: 0
      });

function onAfter(curr, next, opts) {
var index = opts.currSlide;
$('#prev')[index == 0 ? 'hide' : 'show']();
$('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();

var caption = 'Page ' + (opts.currSlide + 1) + ' of ' +
opts.slideCount;
$('#caption').html(caption);
}

});
我真的很感谢你在这方面的帮助


Matthew

您在后回调中没有增加当前幻灯片。试着这样做:

$(document).ready(function() {
      $('#cycle-content').cycle({
      fx:     'none',
      prev:   '#prev',
      next:   '#next',
      after:   onAfter,
      timeout: 0
      });
});

function onAfter(curr, next, opts) {
    var index = opts.currSlide;
    $('#prev')[index == 0 ? 'hide' : 'show']();
    $('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
    opts.currSlide++;
    var caption = 'Page ' + (opts.currSlide) + ' of ' + opts.slideCount;
    $('#caption').html(caption);
}

非常感谢这一点-不幸的是,它不能解决问题。现在它跳过了幻灯片2,并使所有幻灯片相互重叠。我还注意到您已将onAfter方法放在document.ready方法中。请尝试我在上面的编辑中所做的更改。再次感谢安布罗西亚-我终于发现,只有当fx:(控制过渡效果)设置为“无”时,原始代码才会失败。所有其他效果(滚动、褪色等)都能完美工作。再次感谢您抽出时间。