Fatal编程技术网
  • javascript/
  • Javascript jQuery在加载时向下滑动

Javascript jQuery在加载时向下滑动

javascript jquery html

Javascript jQuery在加载时向下滑动,javascript,jquery,html,Javascript,Jquery,Html,我试图让我的网站上的所有div在加载时都向下滑动，但它就是不这样。不过，我已经为jQuery制作了一个单独的文档 这是将两个文档链接在一起的HTML标记： <head> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="script.js"></script> </head&g

我试图让我的网站上的所有div在加载时都向下滑动，但它就是不这样。不过，我已经为jQuery制作了一个单独的文档

这是将两个文档链接在一起的
HTML
标记：

<head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
我已经在CSS中将显示设置为“无”，但现在没有任何div显示。如果有人能告诉我这个问题，那就太好了

见

HTML

<input type="button" value="Down" id="Down">
<div>
    BlaBlaBlaBlaBlaBlaBlaBlaBla
    BlaBlaBlaBlaBlaBlaBlaBlaBla
</div>

 <div id="slide" style="display:none;">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
 </div>
看

HTML

<input type="button" value="Down" id="Down">
<div>
    BlaBlaBlaBlaBlaBlaBlaBlaBla
    BlaBlaBlaBlaBlaBlaBlaBlaBla
</div>

 <div id="slide" style="display:none;">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
 </div>
HTML

<input type="button" value="Down" id="Down">
<div>
    BlaBlaBlaBlaBlaBlaBlaBlaBla
    BlaBlaBlaBlaBlaBlaBlaBlaBla
</div>

 <div id="slide" style="display:none;">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
 </div>
HTML

<input type="button" value="Down" id="Down">
<div>
    BlaBlaBlaBlaBlaBlaBlaBlaBla
    BlaBlaBlaBlaBlaBlaBlaBlaBla
</div>

 <div id="slide" style="display:none;">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
 </div>
我相信您需要为CSS中的所有div设置高度。这是因为jquery slideDown函数将根据css高度制作动画。因为您已经为所有div设置了display:none，所以您需要做的就是添加height属性和期望值，例如height:120px。

我相信您需要在CSS中为所有div设置高度。这是因为jquery slideDown函数将根据css高度制作动画。因为您已经将display:none设置为所有div，所以希望您所需要做的就是添加height属性和期望值，例如height:120px。

我认为您的代码是正确的，但缺少一个）最后，如果出现jquery错误，请在浏览器控制台中查看

$(document).ready(function() {
var div=$("div").slideDown("slow");
});
我认为您的代码是正确的，但缺少一个）最后，如果您有jquery错误，请参阅浏览器控制台中的

$(document).ready(function() {
var div=$("div").slideDown("slow");
});
看起来您缺少一个
）
。下面是一个工作示例：

CSS

HTML

看起来您缺少一个
）
。下面是一个工作示例：

CSS

HTML

为什么要将
var div？
为什么要将
var div？