Question

我正在尝试通过jQuery滑动部分页面。我用这个代码

$("#FirstPage").slideUp(1000);

我会隐藏页面的第一页部分，但不是时间，我的意思是它会突然隐藏不到1000毫秒。

以下代码是FirstPage部分，应该在1000ms之后隐藏并使用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>

我的代码问题在哪里？

Answer 1

此代码可以在单击按钮时滑动您的div：

$("#hide").click(function() {
    $("#FirstPage").slideUp(1000);
})

在此jsFiddle中使用HTML（我删除了无法运行的图片）：http://jsfiddle.net/jfriend00/JFRGr/。

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

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

Answer 2

试

确保在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>

由jQuery滑行

2 个答案: