单击后向左和向右移动？

发布于 2024-11-29 23:25:04 字数 536 浏览 0 评论 0原文

我的代码不起作用。我想要的是在单击 #prev_pag 和 #next_pag 后将分页向左和向右移动。我不知道为什么这段代码不起作用？

JS 代码：

$('#next_pag').click(function() {
        $('#pagination').animate({
            marginLeft: '-=100px'
        },
        500);
    });
    $('#prev_pag').click(function() {
        $('#pagination').animate({
            marginLeft: '+=100px'
        },
        500);
    });
});

原文

My code does not work. What I want is to move my pagination to the left and to the right after #prev_pag and #next_pag are clicked on. I don't know why this code isn't working?

EXAMPLE: http://jsfiddle.net/szVKD/

JS code:

$('#next_pag').click(function() {
        $('#pagination').animate({
            marginLeft: '-=100px'
        },
        500);
    });
    $('#prev_pag').click(function() {
        $('#pagination').animate({
            marginLeft: '+=100px'
        },
        500);
    });
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

满身野味 2024-12-06 23:25:04

尝试动画不是“marginLeft”而是“left”；
示例：
http://www3.montonfashion.com/js/slider/carouselPP.js
http://www3.montonfashion.com/et/waistcoat-willy.html

回复收藏 0 原文

悲凉≈ 2024-12-06 23:25:04

你需要使用 left 而不是 marginleft...<强>看这里

$('#next_pag').click(function() {
        $('#pagination').animate({
            left: '-=100px'
        },
        500);
    });
    $('#prev_pag').click(function() {
        $('#pagination').animate({
            left: '+=100px'
        },
        500);
    });
});

you nedd to play with left not marginleft...see here

$('#next_pag').click(function() {
        $('#pagination').animate({
            left: '-=100px'
        },
        500);
    });
    $('#prev_pag').click(function() {
        $('#pagination').animate({
            left: '+=100px'
        },
        500);
    });
});

回复收藏 0 原文

暮年慕年 2024-12-06 23:25:04

$('#next_pag').click(function(e) {
         e.preventDefault(); //prevent the default behaviour
        $('#pagination').animate({
            left: '-=100px'
        },
        500);
    });
    $('#prev_pag').click(function(e) {
        e.preventDefault(); //prevent the default behaviour
        $('#pagination').animate({
            left: '+=100px'
        },
        500);
    });
});

$('#next_pag').click(function(e) {
         e.preventDefault(); //prevent the default behaviour
        $('#pagination').animate({
            left: '-=100px'
        },
        500);
    });
    $('#prev_pag').click(function(e) {
        e.preventDefault(); //prevent the default behaviour
        $('#pagination').animate({
            left: '+=100px'
        },
        500);
    });
});

回复收藏 0 原文

~没有更多了~