我一直在使用 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/