jQuery: .css 不工作

Question

我是 javascript 的新手，实际上，这是我第一次必须自己在其中编写一些东西。

我的问题是当我尝试使用这个脚本时:

$('.menu-item-has-children').click(function() {
$('.masthead').css({
    'margin-bottom': '-30px',
 });
});

它根本不起作用。我想要做的是在打开子菜单后移动整个页面内容。通常我会在 css 中完成，但在这种情况下，它是一些 wordpress 模板，并且很难让它全部正常运行。 :/

所以:.masthead 包含整个菜单，经过一些修改后我将 margin-bottom 设置为 -80px，但现在我需要它在子菜单出现后扩展。

.menu-item-has-children 是我实际可以使用的几个类之一 - 它包含在单击后显示子菜单的菜单位置。

我现在已经为此苦苦挣扎了一段时间，如果有人能帮助我就太好了:)

解决方案:

jQuery('.parent-menu').click(function() {
jQuery('.masthead').css({'margin-bottom': '-30px'});
});

Answer 1

你可以只在你的元素上使用一个 add_class，然后删除它。

然后使用您的自定义属性在 css 中创建一个类。