Jquery 不适用于左上角的 css 位置？

Question

我用 css 和 jquery 尝试制作一个上下移动的 slider ，但它不起作用。

CSS:

div#container img#slider_img {
                float:left;
                position:relative;
                top:0px;

jQuery

$(document).ready(function(){
            $('#btn_1').click(function(){
                $('#slider_img').css({'top','0px'});
            });
            $('#btn_2').click(function(){
                $('#slider_img').css('top','-400px');
            });
            $('#btn_3').click(function(){
                $('#slider_img').css({'top','-800px'});
            });
            $('#btn_4').click(function(){
                $('#slider_img').css({'top','-1200px'});
            });
        });

我手动将 top 的 CSS 位置更改为 -400、-800 和 -1200，它起作用了，但我似乎无法让 jQuery 处理 css 属性...

Answer 1

尝试使用 {'top':'0px'} 使用 : 而不是 ,

在对象字面量表示法 {} 中，属性(key)assigner 是 :
而在数组 中， 是分隔符。