0

我正在使用此站点链接中的翻页效果

我添加了控制按钮以转到下一页和上一页。

我现在要做的是在 keydown 箭头左右更改页面。

可能吗?

我试过这段代码:

Javascript:

(function($){
                $(document).ready(function(){
                    $('.exemples:eq(0)').flippage({
                        width: 1160,
                        height: 755
                    });

                    $('.exemples:eq(1)').flippage({
                        width: 1160,
                        height: 755
                    });
                });
                $(window).bind('keydown', function(e){

                    if (e.keyCode==37)
                        $('.exemples:eq(0)').flippage({
                        width: 1160,
                        height: 755
                    });
                    else if (e.keyCode==39)
                        $('.exemples:eq(1)').flippage({
                        width: 1160,
                        height: 755
                    });

                });
            })(jQuery);

我的下一个和上一个按钮:

<a href="#" onclick="$('.exemples:eq(0)').trigger('previous'); return false;">PREV</a> 
<a href="#" onclick="javascript:$('.exemples:eq(0)').trigger('next'); return false;">NEXT</a>

希望任何人都可以帮助我。

提前致谢

UPDATE尝试了这种方式(仍然不起作用):

(function($){
                $(document).ready(function(){
                    $('.exemples:eq(0)').flippage({
                        width: 1160,
                        height: 755
                    });

                    $('.exemples:eq(1)').flippage({
                        width: 1160,
                        height: 755
                    });
                }); 
                $(window).bind('keydown', function(e){

                    if (e.keyCode==37)
                        $('.exemples:eq(0)').trigger('previous'); return false;             
                    });
                    else if (e.keyCode==39)
                    $('.exemples:eq(1)').trigger('next'); return false;

                    });                     
                });
            })(jQuery);
4

1 回答 1

1

工作,

<a id="prev" href="#" onclick="$('.exemples:eq(0)').trigger('previous'); return false;">PREV</a> 
<a id="next" href="#" onclick="javascript:$('.exemples:eq(0)').trigger('next'); return false;">NEXT</a>

$(window).bind('keydown', function(e){
  if (e.keyCode == 37)
   { 
    $("#prev").trigger('click');             
   }
   else if (e.keyCode == 39)
   {
     $('#next').trigger('click');
   }                     
});
于 2013-08-08T13:39:00.933 回答