Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.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的SlideUp_Javascript_Jquery - Fatal编程技术网

Javascript jQuery的SlideUp

Javascript jQuery的SlideUp,javascript,jquery,Javascript,Jquery,我正试图通过jQuery滑动页面的一部分。 我使用这个代码 $(“#首页”).slideUp(1000) 我将隐藏页面的第一页部分,但不是时间,我的意思是它将突然隐藏,而不是1000毫秒 下面的代码是第一页的部分,应该在1000毫秒后用slideUp隐藏 <div id="FirstPage"> <div id="Login"> <form method="post" id="LoginForm"> <br /&g

我正试图通过jQuery滑动页面的一部分。 我使用这个代码

$(“#首页”).slideUp(1000)

我将隐藏页面的第一页部分,但不是时间,我的意思是它将突然隐藏,而不是1000毫秒

下面的代码是第一页的部分,应该在1000毫秒后用slideUp隐藏

<div id="FirstPage">
    <div id="Login">
        <form method="post" id="LoginForm">
        <br />
        <input type="text" name="username" id="username" />
        <br />
        <input type="password" name="passowrd" id="password" />
        <br />
        <input type="checkbox" name="invisible" value="TRUE" id="invisible" />
        <br />
        <img src="" /><input type="text" name="captcha" disabled="true" style="display: none"
            id="captcha" />
        <br />
        <input type="button" value="Login ..." onclick="Ajax_Login()" />
        </form>
    </div>
    <div class="OtherFeaturBig" id="WindowsVersion">
        <img src="http://localhost/Files/Images/02.jpg" />
    </div>
    <div class="OtherFeaturBig" id="Advertisment">
        <img src="http://localhost/Files/Images/02.jpg" />
    </div>
    <div class="OtherFeaturSmall" id="AboutUs">
        <img src="http://localhost/Files/Images/03.jpg" />
    </div>
    <div class="OtherFeaturSmall" id="ContactUs">
        <img src="http://localhost/Files/Images/03.jpg" />
    </div>
</div>






我的代码问题在哪里?

试试看

确保在document.ready之后运行代码,以便真正加载DOM。还要确保jQuery已加载且1sec=1000 ms

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("#FirstPage").slideUp(1000);
    });
</script>

$(文档).ready(函数(){
$(“#首页”)。幻灯片(1000);
});

此代码可以在单击按钮时向上滑动div:

$("#hide").click(function() {
    $("#FirstPage").slideUp(1000);
})
正如在这个JSFIDLE中使用的HTML(我删除了不起作用的图像):

因此,问题必须与您的代码或HTML的其余部分有关,这两部分您都没有共享。如果您需要进一步的帮助,请向我们展示您正在使用的实际代码,并解释是什么触发了代码的运行


正如Trikks所说,确保在页面完全加载之前没有调用slideUp。

。我可以确认可能是浏览器错误,您发布的html没有任何问题。但1秒等于1000毫秒。