javascript - Fancybox 回调 - 点击函数

Question

我想在花式框中添加分页。但是使用此处描述的clickevent：在Fancybox弹出窗口打开时添加按钮单击事件不起作用。

这是我的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 thumbs helper。

按照此链接查找有关如何jquery.fancybox-thumbs.js为此目的自定义文件的说明。

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