简单的jQuery动画不上的jsfiddle

工作工程

我试图获取上的jsfiddle工作动画工作本地/ FTP，但没有任何反应。

我有包括ALL这个库的

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

我可以运行具有的功能$(this).hide(动画...但正如我告诉，而不是生命的FUNC。

这是我正在使用的脚本。

$(".wrapper").mouseenter(function() { 
    $(this).animate({ 
     left: -1*$(".leftbox").width() 
    }, 500); 
}); 

$(".wrapper").mouseleave(function() { 
    $(this).animate({ 
     left: "0px" 
    }, 500); 
});

这里是jsFiddle，我复制粘贴到我的索引页面。不改变任何东西。 http://jsfiddle.net/ewNpL/1/

来源

2013-03-12 Dymond

究竟是什么不能正确执行？当我用chrome查看它时，它会滑动到鼠标悬停的“显示内容”部分，当我将鼠标移出时，它会返回。这不是你想要的吗？ – 2013-03-12 18:28:31

尝试在像'$（function（）{//您的代码}）一样准备处理程序中包装ur代码;' – Rafay 2013-03-12 18:28:47

您的浏览器的名称和版本是什么？ – 2013-03-12 18:29:09

发布从评论的答案：

尝试包装你所有的JS/jQuery代码就绪处理程序中像

$(function(){ 
$(".wrapper").mouseenter(function() { 
    $(this).animate({ 
     left: -1*$(".leftbox").width() 
    }, 500); 
}); 

$(".wrapper").mouseleave(function() { 
    $(this).animate({ 
     left: "0px" 
    }, 500); 
}); 

});

建议使用现成的处理程序，这样的JavaScript开始前显示它的魔法DOM应该准备好，出于同样的原因，它建议在标记之后模拟所有脚本部分。

为什么你的代码在小提琴中运行良好？因为默认情况下，jsfiddle会将脚本部分包装在ready处理程序中....

来源

2013-03-12 18:55:51 Rafay

谢谢你，我的朋友。这真的很有帮助。 – Dymond 2013-03-12 18:57:51

简单的jQuery动画不上的jsfiddle

回答

相关问题