javascript-jQuery Transit不起作用

2019-10-31 16:36:06 阅读：213 来源： 互联网

标签：jquery-animate transition javascript jquery jquery-transit

我一直在使用jquery插件Jquery Transit：http://ricostacruz.com/jquery.transit/,但是无论我做什么,代码的行为都不会像我期望的那样(事实上,它根本不起作用)

 <!DOCTYPE html>
<html>
<head>
  <style>
  div {
background-color:yellow;
width:100px;
border:1px solid blue;
position:absolute;
left:50px;
}

</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
<script scr='jquery.transit.js'></script>
</head>

<title>test</title>
</head><body>
 <button id="go"> Run</button>
<div id="block">Hello!</div>

    <script>
$(function() {
    $("#go").click(
function(){
 $("#block").transition({ x: '90px' }, 1500 );
});
});
</script>
</body>
</html>

该代码根本不起作用.我添加了jquery动画代码进行比较,效果很好.现在我知道jquery 1.8破坏了jquery传输,但是我在这里使用jquery 1.7,所以这不应该成为问题.

我在这里不知所措,有人知道吗？

编辑：

我已经按照每个人的指示进行了创建：
http://web.uvic.ca/~markkoni/
并且尽管这些示例似乎在jsfiddle中起作用,但在实践中却行不通.

解决方法:

工作演示(也在localhost上测试)：http://jsfiddle.net/fedmich/S2ube/

缩小的脚本似乎无法正常工作.从更改您的代码

http://ricostacruz.com/jquery.transit/jquery.transit.min.js

至

http://ricostacruz.com/jquery.transit/jquery.transit.js

也不要直接热链接javascript并将其放在您自己的网站上,因为稍后他的网站关闭时,如果您使用他网站的js,则web_app也将关闭.

是的,将您的代码放在页面加载之后

$(function() {
    //your code here
});

标签：jquery-animate,transition,javascript,jquery,jquery-transit
来源： https://codeday.me/bug/20191031/1977043.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-jQuery Transit不起作用