Javascript Jquery fadeIn()不工作
Description:我正在尝试使用jqueryJavascript Jquery fadeIn()不工作,javascript,jquery,fadein,Javascript,Jquery,Fadein,Description:我正在尝试使用jqueryfadeIn()我的容器,但它不起作用。我对它有点陌生,只是刚刚从代码学院jquery课程毕业 问题:我在myScript.js文件中编写的方法似乎不起作用。与其他示例相比,语法看起来还行。我将js文件链接到html文件,如下所示: <script type="text/javascript" src="/Content/js/myScript.js"></script> 如果要淡入,默认情况下应该隐藏该div,否则它已
fadeIn()
我的容器,但它不起作用。我对它有点陌生,只是刚刚从代码学院jquery课程毕业
问题:我在myScript.js文件中编写的方法似乎不起作用。与其他示例相比,语法看起来还行。我将js文件链接到html文件,如下所示:
<script type="text/javascript" src="/Content/js/myScript.js"></script>
如果要淡入,默认情况下应该隐藏该div,否则它已经显示,淡入不会起任何作用。如果是这种情况,您的html应该如下所示:
<div class="container" id="fade" style="display: none;">
//some other buttons, divs, etc
</div>
//其他一些按钮、div等
确保加载页面时隐藏您的#fade元素
HTML
<div class="container" id="fade">
//some other buttons, divs, etc
</div>
JS
#fade { display: none }
$(document).ready(function () {
$('#fade').fadeIn('slow');
});
没有理由不投票给Zined和Khalid anwsers。简单易懂然后你要么忘了包含
jQuery
,要么你的myScript.js
没有正确包含,要么你在用div
元素做其他事情(用CSS或js或类似的东西隐藏它的容器)。
#fade { display: none }
$(document).ready(function () {
$('#fade').fadeIn('slow');
});