JavaScript if-else 条件改变 CSS 宽度

标签 javascript jquery html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

我想知道是否有人可以告诉我为什么这不起作用?

$(function() {
    $("#header").click(function() {
        if ($(".menuBody").css('width') == 0) {
            $(".menuBody").delay(0).animate({"width": "350"}, 500);
        }
        else if ($(".menuBody").css('width') == 350){
            $(".menuBody").delay(400).animate({"width": "0"}, 500);};
        });
});

最佳答案

.css('width') 不等于数字。它等于一个字符串。请改用 .width()

$(function() { 
  $("#header").click(function() {
    if ($(".menuBody").width() == 0) { 
      $(".menuBody").delay(0).animate({"width": "350"}, 500); 
    } 
    else if ($(".menuBody").width() == 350){ 
      $(".menuBody").delay(400).animate({"width": "0"}, 500);
    }
  }); 
});

更多信息在这里:http://api.jquery.com/width/

关于JavaScript if-else 条件改变 CSS 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37532954/

上一篇:html - 在 CSS 中更改 <ul> 的颜色

下一篇:html - 背景图片不显示

相关文章:

javascript - Javascript 代码示例的响应式扩展

javascript - Python 在连接到服务器时显示网页

javascript - 如何获取文档创建后添加的点击元素的ID?

c# - 如何将 runat=server 属性添加到 html 按钮

javascript - 如何使用 HTML、CSS 和 JavaScript 制作时间轴?

javascript - 将元素数据传递给 Bootstrap 模态

jquery - 使用 jquery 从 iframe 触发点击事件

javascript - 重叠元素上的指针事件

HTML、CSS,一个圆圈可能是一个链接吗?

html - 为什么我无法在输入框中输入内容?