Javascript 让CSS转换动画正常工作

我目前正在玩CSS动画，我希望采取一个平面的手，并有手向下移动的页面，即有一个空白页面，并有一个手向下移动的页面。因此，我一直没有成功

以下是我的HTML代码：

<div id ="splash" data-role="page">
        <center>
            <img  id='Hand' style="position:absolute;top:-30%;" src="css/images/hand.gif">
        </center>
</div>

据我所知，handmove用于将图像位置从-30%移动到屏幕下方的1000px。但是objecttransition类允许这种移动从点-30%向下移动到1000像素。如果我错了，请纠正我好吗

现在我要做的是，当页面加载时，我想使用jQuery将这些类添加到手上：

$(document).on('pagebeforeshow','#splash',
    function()
    {
        $("#hand").addClass("objecttransition");
        $("#hand").addClass("handmove");
        });

---

我还使用了.ready（）事件，但这似乎也不起作用。我不确定为什么动画不起作用？有什么想法吗？

唉。。。愚蠢的错误！！使用

.addClass（）

我用手代替了手。将

.addClass（'hand'）

更改为

.addClass（'hand'）

。然后，我在（'pagebeforeshow'，'#splash'，上使用了.ready（）而不是

$(document).ready(
    function()
    {
        $("#Hand").addClass("objecttransition");
        $("#Hand").addClass("handmove");
        });

我猜，问题是拼写

id='Hand'

vs

在两个地方使用相同的大写字母

id='Hand'

$("#hand")