使用javascript对URL进行动画处理

Question

我正在尝试编写一段代码，在访问URL时动画div。这是我的代码：

if(document.URL.indexOf("index.php") >= 0){

$('#popout-left-menu-container')
.animate(
{
'right':'-3px'
},500
);

};

我试过这个，但它没有动画？

单击#open-menu-button id时，我有下面的文本。

有什么想法吗？非常感谢。

$(document).ready(
function(){
    $('#open-menu-button').click(
        function(){
            $('#popout-left-menu-container')
                .animate(
                    {
                        'right':'-3px'
                    },500
                    );

        });

        $('#popoutmenuclose').click(
        function(){
            $('#popout-left-menu-container')
                .animate(
                    {
                        'right':'-1500px'
                    },500
                    );
        });

});

Answer 1

由于提问者要求查看评论中讨论的实施，这里是：

$(document).ready(
function(){
    if(document.URL.indexOf("index.php") >= 0){

    $('#popout-left-menu-container')
    .animate(
    {
    'right':'-3px'
    },500
    );

    };

});

请注意，代码类似，但只会在document.ready()上启动。