Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
jQuery动画小故障_Jquery_Css_Html_Animation - Fatal编程技术网

jQuery动画小故障

jQuery动画小故障,jquery,css,html,animation,Jquery,Css,Html,Animation,我目前正在做一个大学项目,涉及制作一个动态网站。我目前在我的网站上有一个反馈表单,当按下按钮时,它会使用jQuery中的slideDown()函数向下滑动 我现在遇到的问题非常奇怪,我以前从未见过。基本上,当按下“反馈”按钮时,名为“反馈”的文章应该向下滑动。当按下按钮时,会出现平滑动画,而不是平滑动画,几乎就像跳过动画一样。在这之后,我开始调试网站,我注意到在后台的动画工作,但似乎没有出现?那么是什么导致了这一切呢 如果我能在这方面得到任何帮助,我将不胜感激,因为我花了数小时试图解决这个问题,

我目前正在做一个大学项目,涉及制作一个动态网站。我目前在我的网站上有一个反馈表单,当按下按钮时,它会使用jQuery中的slideDown()函数向下滑动

我现在遇到的问题非常奇怪,我以前从未见过。基本上,当按下“反馈”按钮时,名为“反馈”的文章应该向下滑动。当按下按钮时,会出现平滑动画,而不是平滑动画,几乎就像跳过动画一样。在这之后,我开始调试网站,我注意到在后台的动画工作,但似乎没有出现?那么是什么导致了这一切呢

如果我能在这方面得到任何帮助,我将不胜感激,因为我花了数小时试图解决这个问题,但没有成功的结果。如果您需要更多信息,请询问,我不完全确定我是否可以将其放在这里,但此网站位于我的私人域中,我可以将其提供给人们,以实际查看问题,谢谢

这是我实现的jQuery库:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
$('#nav-6').click(function(){
            $('.feedback').slideDown(2000);
        });
.feedback {
width: 100%;
height: 350px;
background-color: #1e1e1e;
border-bottom: 1px solid #111;
position: relative;
display: none;
}
这是反馈。php

<article class="feedback">
<h1 class="filler-header">Feedback Form</h1>
<section>
    <form action="#" name="feedback">
        <p>Name: </p><input type="text" class="fb-field"/>
        <p>Email: </p><input type="text" class="fb-field"/>
        <p>Description: </p><input type="text" class="fb-field"/>
        <button type="submit" name="Submit" class="fb-button">Submit</button>
    </form>
</section>

我使用的是ChromeV38,它可以正常工作

$('#nav-6')。单击(函数(){
$(“.feedback”)。slideDown(2000年);
});
。反馈{
宽度:100%;
高度:350px;
背景色:#eee;
边框底部:1px实心#111;
位置:相对位置;
显示:无;
}

点击我
反馈表
姓名:

电邮:

说明:

提交
您使用的浏览器是什么?你检查了哪些浏览器?嗨,我做了一个代码笔,它对我来说很有用(至少在chrome上)@Jeff因为这只是一个大学项目,我为chrome制作它,因为我必须为其他浏览器制作另一个样式表,这将花费太多时间。@jibe_84啊,这将是两个问题之一。其中一个原因是我已经使用php实现了这个HTML。二是网站的其他部分与此相冲突。可以给你我的URL吗?节省我粘贴大量的代码。同时让我们知道chrome的版本号。你在Mac、Windows、Linux上吗?有人能弄明白吗?