closeOnClick 在 materialize css 下拉列表中不起作用

问：

我有一个网站，我正在使用 materialize css，我有一个个人资料图标，当您单击该图标时，我会显示一个包含多个子项的下拉列表，但每当我单击任何子项时，下拉列表就会消失，我不想要。我尝试了这些解决方案，但没有用

我尝试过的解决方案

解决方案 - 1

$(".dropdown-trigger2").dropdown({
closeOnClick : false

});

解决方案 - 2

$(document).ready(function(){
  
  var elems = document.querySelectorAll('.dropdown-trigger2');
  var instances = M.Dropdown.init(elems, {closeOnClick:false});
  $(".dropdown-trigger2").dropdown('destroy');
  $(".dropdown-trigger2").dropdown();
  console.log(instances);

});

解决方案 - 3

by using e.stopPropagation()

但是它们都不起作用/这是我的html代码

            <a class="dropdown-trigger2 btn-user waves-effect waves-light guided-tour-notification-disabled drop-btn" href="#!" data-target="dropdown1">
            <img alt="avater" src="../img/avatar-placeholder.svg">
        </a>

        <ul id="dropdown1" class="dropdown-content">
            <li><a href="#">Your
                    Profile</a></li>
            <li><a href="#">Settings</a></li>
            <li><a class="gdd" href="#!">text 1</a></li>
        </ul>

先谢谢你。我已经尝试了很长时间，但没有得到任何解决方案。