Question

我在横向单页网页上工作，我添加了一个可以工作的菜单并转到每个内容。但是，在这个网页上，我添加了下一个和上一个按钮，但是当我点击下一个按钮时，它不会转到下一张幻灯片。这是我的小提琴：http://jsfiddle.net/jarod51/x66hA/3/

我为下一个按钮编写的脚本：

$(function() {
    $('#next').bind('click',function(event){
         event.preventDefault();
        var $anchor = $(this);

$("html, body").stop().animate({
                       scrollLeft: $($anchor).offset().left

                   }, 1000);
               });  
 });

Answer 1

问题在于：

$('#next').bind('click',function(event){
     event.preventDefault();
    var $anchor = $(this);

究竟是什么（$）？它是#next。然后你申请

$($anchor).offset().left

根据#next向左偏移。这不起作用，你必须将它应用于你想要显示的div。

尝试相应地修复它。给你一个想法：

http://jsfiddle.net/x66hA/7/

这当然只适用于#newsletter，但你应该得到错误并从那里开始工作。

Jquery水平滚动下一个项目按钮

1 个答案: