javascript – Bulma下拉列表无法正常工作

CSS 前端之家
前端之家收集整理的这篇文章主要介绍了javascript – Bulma下拉列表无法正常工作，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

Bulma下拉列表似乎没有在点击时切换.以下是文档中的代码段：https://bulma.io/documentation/components/dropdown/

最佳答案
您需要使用JavaScript切换类是活动的.当.dropdown具有.is-active时,它会将.dropdown-menu的显示从none更改为block.

这是实现它的基本方法.

var dropdown = document.querySelector('.dropdown');
dropdown.addEventListener('click',function(event) {
  event.stopPropagation();
  dropdown.classList.toggle('is-active');
});
required for the icon-->