如何通过jQuery过渡将对象从外部移动到屏幕中答案

【问题标题】：How to move object into the screen from outside via jQuery transition如何通过jQuery过渡将对象从外部移动到屏幕中
【发布时间】：2013-04-25 15:00:59
【问题描述】：

我想使用 jQuery 创建一个在页面加载时从左侧进入屏幕的测试对象。

我已放置：

<script type='text/javascript'>
$('animtext').transition({ x: 200 }, 500, 'ease');
</script>

<head> 之前，.animtext 的 CSS 是：

.animtext {
background-image:url('../render_01.jpg');
width:400px;
height:400px;
}

但什么也没发生。

谁能告诉我如何使用 jQuery 简单地让一个对象进行转换？

** 感谢 Wiley 的回复。仍然没有喜悦，不知道我做错了什么！

我确实安装了相关的 .js 文件。

代码现在看起来像：

<html>
<head>
<link rel="stylesheet" href="test.css" />

<script type='text/javascript' src='js/jquery.transit.js'></script> 
<script type='text/javascript' src='js/customtransit.js'></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js">       

</script>

<script>

$(document).ready(function(){
$('.animtext').transition({ x: 200px }, 500, 'ease');
});

</script>
</head>

<body>

<div class="animtext"></div>

</body>
</html>

仍然没有运气...感谢您的帮助。

【问题讨论】：

您是否在某处包括jquery.js 或jquery.min.js？
也许你可以这样做：impressivewebs.com/css3-transitions-javascript
它不应该在<head>之前，而应该在</head>或</body>之前。最好是后者。

标签： jquery html animation css-transitions transition

【解决方案1】：

如果 animtext 是一个类，则您缺少类选择器的 .

$('.animtext')

如果您将代码放在“头部”“内部”，也可以将代码包装在 document.ready 函数中

$(document).ready(function(){ // or $(function(){ which is shorthand for $(document).ready(function(){
     // your code yere
});

另一种选择是将您的代码放在结束 </body> 标记之前

【讨论】：

您需要在其他 js 文件之前导入 jQuery，因为它们很可能依赖于 jQuery
@user2339879 这是一个运行良好的示例FIDDLE
已排序。谢谢Wirey等人......没有工作，因为如你所说，在jquery.transit.x和customtransit.js之前没有调用jquery.min.js。气质！谢谢！！