javascript - 在链接外部单击时关闭jQuery下拉列表

我正在使用大型菜单插件

插件链接：https://codyhouse.co/demo/mega-dropdown/index.html

仅当我们单击下拉链接按钮时，此下拉菜单才会关闭。但当我们在链接（正文或html）之外单击时，我想关闭此下拉列表。

听说是我的网站链接：http://btssystem.com/new-tricky

在顶部菜单的右侧
我有一个“我的帐户”下拉列表。当我们在菜单或正文或html之外单击时，我想关闭此下拉列表。

请帮我。

最佳答案

嗨，请将此代码粘贴到头部

<script>
    $(document).mouseup(function (e)
{

  var container = $('.cd-dropdown, .cd-dropdown-trigger');


  if (!container.is(e.target) // if the target of the click isn't the container...
        && container.has(e.target).length === 0) // ... nor a descendant of the container
    {
        if($('.cd-dropdown, .cd-dropdown-trigger').hasClass('dropdown-is-active'))
$('.cd-dropdown, .cd-dropdown-trigger').removeClass('dropdown-is-active');

    }

});
</script>

关于javascript - 在链接外部单击时关闭jQuery下拉列表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36787812/