Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 设置向左和向右移动的动画?_Javascript_Jquery - Fatal编程技术网

Javascript 设置向左和向右移动的动画?

Javascript 设置向左和向右移动的动画?,javascript,jquery,Javascript,Jquery,我想在单击#prev_pag和#next_pag后左右移动分页。它是如何解决我的问题的 例如: 需要删除javascript要编译的最后一行,并将“position:relative;”添加到#pagination div 这是一个CSS问题。您需要将#分页设置为位置:相对以设置leftcss属性的动画。我建议您使用Chrome浏览器,然后右键单击元素并“Inspect Element”,这样您就可以更好地查看正在发生的事情。看起来“2”后面有一个空格,所以浏览器正在破坏你的列表(因为它认为它只

我想在单击
#prev_pag
#next_pag
后左右移动分页。它是如何解决我的问题的

例如:


需要删除javascript要编译的最后一行,并将“position:relative;”添加到#pagination div


这是一个CSS问题。您需要将
#分页
设置为
位置:相对
以设置
left
css属性的动画。

我建议您使用Chrome浏览器,然后右键单击元素并“Inspect Element”,这样您就可以更好地查看正在发生的事情。看起来“2”后面有一个空格,所以浏览器正在破坏你的列表(因为它认为它只是两个大的“单词”,它会打断线条以便适合屏幕,以解决问题,或者你删除空格或为所有元素提供空间)我使用Chrome浏览器和其中的元素,但无法解决问题。您可以在中更新您的示例?我不确定您的目标到底是什么。你能解释得更清楚些吗?请看这个例子:=>我不想把分页放在后面,我想把它们都放在一行。这个页面不在这里加载/
$('#next_pag').click(function() {
        $('#pagination').animate({
            left: '-=100px'
        },
        500);
    });
    $('#prev_pag').click(function() {
        $('#pagination').animate({
            left: '+=100px'
        },
        500);
    });
});