Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery fadeIn()不工作_Javascript_Jquery_Fadein - Fatal编程技术网

Javascript Jquery fadeIn()不工作

Javascript 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,否则它已

Description:我正在尝试使用jquery
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');
});