DIV不会通过JQuery UI移动或缩放_Jquery_Html_Jquery Ui

DIV不会通过JQuery UI移动或缩放

jquery html jquery-ui

DIV不会通过JQuery UI移动或缩放,jquery,html,jquery-ui,Jquery,Html,Jquery Ui,我开始使用HTML5应用程序。当我的页面加载时，屏幕中央有一个徽标。我需要在屏幕中央的标志开始。用户可以通过单击开始按钮开始使用应用程序。发生这种情况时，我希望以两种方式设置徽标的动画：我想标志从其当前位置移动到左上角，从顶部和左侧填充一点我想缩小图像的比例。为了做到这一点，我使用jqueryui。以下是我目前拥有的： <body> <div id="wrapper"> <div id="content">

我开始使用HTML5应用程序。当我的页面加载时，屏幕中央有一个徽标。我需要在屏幕中央的标志开始。用户可以通过单击开始按钮开始使用应用程序。发生这种情况时，我希望以两种方式设置徽标的动画：

我想标志从其当前位置移动到左上角，从顶部和左侧填充一点我想缩小图像的比例。为了做到这一点，我使用jqueryui。以下是我目前拥有的：

<body>
    <div id="wrapper">
        <div id="content">
            <div id="logo"></div>
            <input type='button' value='Begin' onclick='return beginButton_Click();' />
        </div>
    </div>

    <div id="footer">
        <span id="greeting" class="footer-content">
            Hello
        </span>
        <span class="separator">|</span>
        <a href="#" target="_blank" class="footer-content">View Status</a>
    </div> 

    <script type='text/javascript'>
      function beginButton_Click() {
        $("#load").animate({
          width: "30%",
          height: "30%",
          opacity: 0.4
        }, 1500);

      }
    </script>
</body>

当前，“我的徽标div”不会缩放或移动到左上角。我不知道如何移动div，因为它相对定位。然而，我需要它在屏幕中间。除此之外，我不知道为什么div没有扩展。有人能帮我吗

谢谢大家!

$load不应该是$logo吗？

您应该将load更改为logo，以便在jQuery选择器中为动画调用选择该div。为了将其移动到左上角，可以使用jqueryui中的position

$('#logo').animate({ /* your call here */ })
.position({ my: 'center', at: 'left top', of: document });

如果你正在做HTML5，你应该考虑使用这个，并且只使用jQuery作为一个PultFube。作为一种检测浏览器支持并有条件地加载额外代码的方法。是的，我打错了。不过，logo div消失了。它不会保持在可见状态。

$('#logo').animate({ /* your call here */ })
.position({ my: 'center', at: 'left top', of: document });