Javascript jquery动画无法工作

嗨，我有一个简单的滑块，上面有以下代码：

HTML代码：

<div id="gallery">
    <a href="#" id="left-arrow">..</a>
    <a href="#" id="right-arrow">..</a>
    <div id="container">
        <div class="item">...</div>
        <div class="item">...</div>
        ...
        <div class="clr"></div>
    </div>
</div>

JS代码：

    <script type="text/javascript">
    $(document).ready(function(){
// I must set left position explicitly if not when fetching left position it returns "auto"
// I used position.left property, however. but It doesn't returns left relative 
// to parent insted (I think) relative to document which (I don't know why? It is not 
// according to Jquery documentation which position.left - .offset() is relative to document)
        $('#container').css('left', '0px'); 
        $('#right-arrow').click(function(){
            move('right');
        });
        $('#left-arrow').click(function(){
            move('left');
        })

        move = function (direction){
                .
                . 
                .
            // The problem is here:
                $('#container').animate(left:'+=290');

                // although setting it's css left position doesnt work
                $('#container').css('left', '290px');

                // I return container to use it in console!
                return $(#container');
        }
    });
    </script>

我讨厌Javascript，请帮助我，我不知道问题出在哪里

要使顶部、左侧、底部和右侧css规则正常工作，您需要将位置css规则添加到dom中

上述代码将不应用于div的顶部和左侧，但

div
{
   top:10px;
   left:10px;
   position : relative;//absolute or fixed or etc
}

以上代码将起作用

您有以下错误

更换退货$container'；返回$'container'

同时替换.animateleft:'+=290'；使用.animate{left:'+=290'}

要使顶部、左侧、底部和右侧css规则正常工作，您需要将位置css规则添加到dom中

上述代码将不应用于div的顶部和左侧，但

div
{
   top:10px;
   left:10px;
   position : relative;//absolute or fixed or etc
}

以上代码将起作用

您有以下错误

更换退货$container'；返回$'container'

---

同时替换.animateleft:'+=290'；使用.animate{left:'+=290'}

天哪，我发现了问题所在。问题不在于我的代码。在另一个位置有另一个元素，ID为“container”，它位于第三方模块中

---

对不起，伙计们，是我的错哦，天哪，我发现了问题。问题不在于我的代码。在另一个位置有另一个元素，ID为“container”，它位于第三方模块中

---

对不起，伙计们，是我的错D

我讨厌Javascript——我笑了一点。我讨厌Javascript——我笑了一点。我用css显式地设置了顶部并离开rules@MustafaShujaie同时添加position:relative，我确信这会起作用。@disph查看css库container@MustafaShujaie查看我的更新答案。我在css中显式地设置了top和leftrules@MustafaShujaie还加位置：relative，请看，我确信这会起作用。@Disph请看css库container@MustafaShujaie请参阅我的最新答案。。

div
{
   top:10px;
   left:10px;
}

div
{
   top:10px;
   left:10px;
   position : relative;//absolute or fixed or etc
}