0

现在正在为这件事疯狂...

我试图让一个在 jsFiddle 上工作的动画在本地/ftp 上工作，但没有任何反应。

我已经包含了所有这个库的

<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(......但正如我所说，不是动画功能。

这是我正在使用的脚本。

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

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

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

4

1 回答 1

1

从评论中发布答案：

尝试将所有 js/jQuery 代码包装在准备好的处理程序中，例如

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

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

});

建议使用 ready 处理程序，以便在 javascript 开始显示其魔力之前 DOM 应该准备好，出于同样的原因，它也建议在标记之后对所有脚本部分进行模式化。

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

于 2013-03-12T18:55:51.243 回答