javascript-jQuery slideUp / slideDown无法正常运行

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jQuery slideUp / slideDown无法正常运行，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含867字，纯文字阅读大概需要2分钟。

内容图文

我正在努力使div在slideUp()操作后消失.

的HTML：

<div class="rounded gradient" id="BCBox">
    <ul class="BCSelect">
        <li style="text-align:left;">Welcome <b>Username</b>,<br/><br/>Bla Bla Bla: </li>
        <li>
        <div class="button2 BCButton">
        </div>
        </li>
    </ul>
</div>
?

javascript：

$('#BCBox').height($('#BCBox').height());
$('#BCBox').slideUp();?

您可以在此处查看演示：http://jsfiddle.net/4feU9/7/

盒子以某种方式不希望以动画的方式出现……它滑得很快.你能帮我吗？我究竟做错了什么？

解决方法:

问题是您将其浮动到右侧并具有较大的边距顶部(边距是元素的一部分,因此在向上滑动时也会动画化).在这里,您可以看到绝对定位元素可修复动画：http://jsfiddle.net/4feU9/8/

html

<div class="rounded gradient" id="BCBox" >

        <ul class="BCSelect">
            <li style="text-align:left;">Welcome <b>Username</b>,<br/><br/>Bla Bla Bla:
            </li>
            <li >
                <div class="button2 BCButton"></div>    
            </li>
        </ul>

    </div>?

javascript

$('#BCBox').slideUp();

内容总结

以上是互联网集市为您收集整理的javascript-jQuery slideUp / slideDown无法正常运行全部内容，希望文章能够帮你解决javascript-jQuery slideUp / slideDown无法正常运行所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端