使用JavaScript对URL上的div进行动画处理

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()上触发。