动态创建后第一次单击时不显示下拉菜单

// 绑定点击事件处理程序
document.addEventListener('click', function(event) {
  var target = event.target;
  
  // 判断点击的目标元素是否为下拉菜单的触发按钮
  if (target.classList.contains('dropdown-toggle')) {
    // 动态创建下拉菜单
    var dropdownMenu = document.createElement('ul');
    dropdownMenu.classList.add('dropdown-menu');
    
    // 添加下拉菜单的选项
    var option1 = document.createElement('li');
    option1.textContent = 'Option 1';
    dropdownMenu.appendChild(option1);
    
    var option2 = document.createElement('li');
    option2.textContent = 'Option 2';
    dropdownMenu.appendChild(option2);
    
    // 将下拉菜单添加到页面中
    target.parentNode.appendChild(dropdownMenu);
  } else if (target.classList.contains('dropdown-menu')) {
    // 执行选项的操作
    // ...
  } else {
    // 隐藏下拉菜单
    var dropdownMenus = document.querySelectorAll('.dropdown-menu');
    dropdownMenus.forEach(function(menu) {
      menu.parentNode.removeChild(menu);
    });
  }
});