javascript - Jquery 中转不工作

标签 javascript jquery jquery-animate transition 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
});

关于javascript - Jquery 中转不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13503665/

相关文章:

jquery - 动画循环显示列表项

javascript - jQuery Animate Left 和 Right 只发生一次

javascript - Bootstrap - 如何更改选择 "placeholder"选项文本的颜色

javascript - jquery 中的 PHP 代码无法正常工作

javascript - 在 webView 上加载本地存储的文件时出现延迟

javascript - 如果输入找到打开的容器,否则什么都不做

javascript - jQuery 方法教程

javascript - Django、javascript 和复杂表单

javascript - mmasonry.pkgd.js :62 cannot call methods on masonry prior to initialization; attempted to call 'reload'

css - Firefox 中的淡入淡出背景图像,CSS 不起作用