18910140161

JavaScript-从菜单项触发模式卡而不是顶级菜单-HTML、CSS、JS-Stack溢出

顺晟科技

2022-10-19 11:52:06

103

我对编码是新手,希望有人能帮助理解我哪里出错了。我有一个问题,得到一个模式卡弹出触发从一个NAVBAR-Item。到目前为止,我所尝试的一切都会触发顶部菜单项的模式。下拉菜单上的每个navbar-items都将有一个指向模态卡的链接。 提前感谢您的帮助!!


顺晟科技:

您将模式定位在顶层菜单上,这是错误的,因为没有id为“modal”的元素。 您需要在您的菜单项中这样做,因为那里是您的模式的id,不需要。 因此,您的代码如下所示:

const item = document.querySelector(".navbar-item");
const modalBg = document.querySelector('.modal-background');
const modal = document.querySelector('.modal');

item.addEventListener('click', () => {
  modal.classList.add('is-active');
});

modalBg.addEventListener('click', () => {
  modal.classList.remove('is-active');
});
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航