首页 / JAVASCRIPT / javascript – 在mouseup上切换CSS

javascript – 在mouseup上切换CSS

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在mouseup上切换CSS，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含758字，纯文字阅读大概需要2分钟。

内容图文

我在我创建的工具上设置了控制台.单击时可以最小化控制台,再次单击时可以最大化控制台.

然而问题是,一旦我最大化它,它只是在它完成时最小化.我有什么选择？

$('#consolebutton').mouseup(function() {
        if ($('#footconsole').height(200)) {
            $('#footconsole').animate({
                height: 14
            }, 100)
        } else if ($('#footconsole').height(14)) {
                $('#footconsole').animate({
                height: 200
            }, 100);
        }
});

(我确实意识到检查div的高度,实际上是设置div的高度,这就是问题.)

http://jsfiddle.net/VaDBW/3/

解决方法:

试试这个…

$('#consolebutton').mouseup(function() {
    var $footconsole = $('#footconsole');
    if ($footconsole.height() == 200) {
        $footconsole.animate({
            height: 14
        }, 100)
    } else {
        $footconsole.animate({
            height: 200
        }, 100);
    }
});

它与高度进行比较(而不是设置),我还将变量设置为$(“#footconsole”)的值,而不是继续搜索它.

内容总结

以上是互联网集市为您收集整理的javascript – 在mouseup上切换CSS全部内容，希望文章能够帮你解决javascript – 在mouseup上切换CSS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/799565.html

来源：【匿名】