Fatal编程技术网
  • jquery/
  • jQuery fadeTo和fadeIn除了JSFiddle之外在任何地方都不工作

jQuery fadeTo和fadeIn除了JSFiddle之外在任何地方都不工作

jquery google-chrome safari

jQuery fadeTo和fadeIn除了JSFiddle之外在任何地方都不工作,jquery,google-chrome,safari,fadein,fadeto,Jquery,Google Chrome,Safari,Fadein,Fadeto,在chrome或safari上，我似乎连一个简单的淡入效果都没有——但它在JSFIDLE（chrome 19.0.1084.56和safari 5.1.7）上运行得非常好。我也没有得到任何javascript错误来解决。以前我试过 $（“#淡入”）.hide（）.fadeIn 这在jsfiddle中也很好，但在我的文件中没有。有趣的是，当我使用它时，淡出效果很好 下面是我的代码-它对你有用吗？如果你知道为什么不适合我，请告诉我 <html> <head> <ti

在chrome或safari上，我似乎连一个简单的淡入效果都没有——但它在JSFIDLE（chrome 19.0.1084.56和safari 5.1.7）上运行得非常好。我也没有得到任何javascript错误来解决。以前我试过

$（“#淡入”）.hide（）.fadeIn

这在jsfiddle中也很好，但在我的文件中没有。有趣的是，当我使用它时，淡出效果很好

下面是我的代码-它对你有用吗？如果你知道为什么不适合我，请告诉我

<html>

<head>

<title>Wheee jQuery!</title>

<!-- jquery -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

$("#fade").fadeTo(2000, 1);

</script>

<!-- css -->
<style type="text/css">
#fade{
    width: 150px;
    height: 30px;
    text-align: center;
    color: blue;
    border: 1px dotted blue;
    opacity: 0.3;
}
</style>

</head>

<body>


<div id="fade">
lalala
</div>   

</body>

</html>


WheeejQuery！
$（“#褪色”）。fadeTo（2000年，1）；
#褪色{
宽度：150px；
高度：30px；
文本对齐：居中；
颜色：蓝色；
边框：1px点蓝色；
不透明度：0.3；
}
拉拉
“使用
$（document）.ready（function（）{/*mycode*/}）；
（传入的8个答案）”-Kevin

对我有用

“使用
$（document.ready（function（）{/*mycode*/}）；
（传入的8个答案）”-Kevin

对我有用

默认情况下，JSFiddle选择了
OnLoad
，它运行
JavaScript
面板中
body.OnLoad
事件中的代码。另一方面，您的代码运行头中展开的代码。要在JSFIDLE中模拟这种情况，请选择
No Wrap
而不是
OnLoad
，您的代码将突然无法工作，就像在服务器上一样

要解决此问题，请使用

$(document).ready(function(){
    $("#fade").fadeIn(2000);
});
没有包装的JSFIDLE示例：

另一种解决方案是将代码放在需要影响的div之后

<div id="fade"></div>
<script>
    $("#fade").fadeIn(2000);
</script>


$（“#褪色”）。fadeIn（2000年）；
默认情况下，jsiddle选择了
OnLoad
，它运行
body.OnLoad
事件中
JavaScript
面板中的代码。另一方面，您的代码运行头中展开的代码。要在JSFIDLE中模拟这种情况，请选择
No Wrap
而不是
OnLoad
，您的代码将突然无法工作，就像在服务器上一样

要解决此问题，请使用

$(document).ready(function(){
    $("#fade").fadeIn(2000);
});
没有包装的JSFIDLE示例：

另一种解决方案是将代码放在需要影响的div之后

<div id="fade"></div>
<script>
    $("#fade").fadeIn(2000);
</script>


$（“#褪色”）。fadeIn（2000年）；
使用
$（document）.ready（function（）{/*mycode*/}）
（传入的8个应答）默认情况下，JSFIDLE代码在窗口加载时运行，而不是在头部展开时运行。在呈现div之前，您已经调用了
fadeTo
方法，可以将调用移动到
lalala
下面，或者调用
$（document）内部的方法。ready（function（）{}）
使用
$（document）。ready（function（）{/*mycode*/}）（传入的8个应答）默认情况下，JSFIDLE代码在窗口加载时运行，而不是在打开的头中运行。在呈现div之前，您已经调用了
fadeTo
方法，要么将调用移动到
lalalala
下面，要么调用
$（文档）内部的方法。ready（function（）{}）
应该选择Kevins answer as accepted。欢迎来到StackOverflow！应选择Kevins回答为已接受。欢迎来到StackOverflow！希望下一票不是你的，因为当你发表评论时，我已经开始演奏小提琴了；}为了搜索目的发布完整的代码也很好。@ChristopherMarshall它不是，我投了你的票，只是我自己懒得发布它作为答案。希望downvote不是你的，因为你评论时我已经开始使用小提琴；}为了搜索的目的发布完整的代码是很好的。@ChristopherMarshall它不是，我投了你的票，只是太懒了，我自己没有把它作为答案发布。