代码之家 › 专栏 › 技术社区 › altos

菜单切换添加间距(边距)(如果单击)

spacing margin css jquery

altos · 技术社区 · 8 年前

你知道为什么我的代码不能正常工作吗?如果我在切换mobile navi时点击前两次,效果很好,但第三次并没有按我的意愿添加边距。

jQuery(document).ready(function($){
  $("#site-navigation.main-navigation").click(function(){
    $("#page").css("margin-top", "285px");
  });

  $("#site-navigation.main-navigation.toggled").click(function(){
    $("#page").css("margin-top", "0px");
  });
});

2 回复 | 直到 8 年前

Paul Roub jim 8 年前

你的两个项目同时启动 #site-navigation.main-navigation 具有“.toggle”类。那不是你想要的。此代码将执行您想要的操作。

jQuery(document).ready(function($){
    $("#site-navigation.main-navigation").click(function(){
        if ( $(this).hasClass('toggled') ) {
            $("#page").css("margin-top", "0px");
        } else {
            $("#page").css("margin-top", "285px");
        }
    });
});

Ronnie Smith 8 年前

切换CSS类。

document.getElementById("foo").addEventListener("click", function(e) {
  this.classList.toggle("bump-it");
});

.bump-it{
  margin-left:24px;
}

<button id="foo">
click me
</button>

推荐文章

Vithis · WPF更改边距会向下推其他元素

7 年前

RejectEd27 · 无法从方框中删除边距

8 年前

altos · 菜单切换添加间距(边距)(如果单击)

8 年前

Iucounu · 响应CSS容器仅在平板电脑大小时失去利润

8 年前

A. Schmidt · XAML:ListViewItem中的StackPanel/GridView不占用ListViewItem的整个空间

8 年前

Shankar Naik · 为什么视图的边距必须为-20才能接近屏幕的末尾,为什么不为零?

8 年前

yoan26 · 根据子大小+边距展开父div

8 年前

Alexander Prisazhny · jQuery问题:body overflow vs body margin

8 年前

Taylor Barton · iFrame标记上的边距

8 年前

De Papier · 上/下页边距百分比在firefox中不起作用[重复]

8 年前