Fancybox回调 - 单击功能

Question

我想在fancybox中添加一个分页。但是这里描述的clickevent：Adding button click event when Fancybox popup opened没有任何效果。

这是我的js代码：

onComplete: function(){ 

      $(".fancybox-nav").click(function(){  

          console.log("it works");

          var $that = $(this);
          var nav = $that.attr('class');
          var number = $('.fancybox-inner').find('.currentpage').text()
          var intnumber = parseInt(number);
          if (intnumber >= 1 && intnumber <= $('.item').length && nav == 'fancybox-nav fancybox-next') {       
                                    intnumber += 1;
                            }
                            else if(intnumber > 1){
                                intnumber -= 1;
                            };   
                            var stringnumber = String(intnumber);
                            $('.fancybox-inner')
                                .find('.currentpage')
                                    .replaceWith('<span class="currentpage">' + stringnumber + '</span>');    
                        });

                    },

如何在我的fancybox中实现点击功能？

Answer 1

要创建您正在寻找的分页效果，您可以使用fancybox thumb helper。

Follow this link查找有关如何为此目的自定义jquery.fancybox-thumbs.js文件的说明。

最初是为v2.0.5撰写的，但我在v2.0.6的帖子末尾添加了一些注释。