动画移动到左侧和右侧?
问题描述:
我想要的是在点击#prev_pag
和#next_pag
后,将分页移动到左侧和右侧。它是如何解决我的问题?动画移动到左侧和右侧?
例如:http://jsfiddle.net/szVKD/5/
$('#next_pag').click(function() {
$('#pagination').animate({
left: '-=100px'
},
500);
});
$('#prev_pag').click(function() {
$('#pagination').animate({
left: '+=100px'
},
500);
});
});
答
这是一个CSS问题。您需要将#pagination
设置为position:relative;
才能为left
css属性设置动画。
+0
为什么放在每个分页下?如:HTTP://jsfiddle.net/szVKD/11/ –
为什么放在每个分页下?例如:http://jsfiddle.net/szVKD/11/ –
我建议你使用Chrome浏览器,然后右键单击元素和“检查元素”,然后你会更好地看到发生了什么。看起来你在'2'之后有一个空格,所以浏览器正在打破你的列表(因为它认为它只是两个大的“单词”,它会打破这条线,所以它适合屏幕,解决或你删除空间或为所有元素提供空间) – Felipe
我使用Chrome浏览器和其中的元素,但无法解决问题。你可以在http://jsfiddle.net/szVKD/9/更新你的例子吗? –