Question

我使用的是大型菜单插件

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

只有当我们点击下拉链接按钮时才会关闭此下拉菜单。但是当我们点击链接（body或html）之外时，我想关闭此下拉列表。

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

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

请帮帮我。

Answer 1

试试这个：

$(document).click( function(){
    $('.main-nav').hide();
});

Answer 2

嗨请将此代码粘贴到主题部分

<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>

Answer 3

尝试触发链接上的点击：

$(document).click( function(){
    $('div.cd-dropdown-wrapper > a').trigger('click')
});

Answer 4

试试这个：

$('*').not('div.cd-dropdown-wrapper > a').click( function(){
    if ($('.div.cd-dropdown-wrapper > a').hasClass('dropdown-is-active')) $('div.cd-dropdown-wrapper > a').trigger('click');
});

我不确定它是否是最终解决方案，我认为你正在玩你的页面，因为我在那里尝试时有一些奇怪的行为，但我希望它可以帮助你至少朝着这个方向前进< / p>

在链接关闭jquery下拉列表外单击

4 个答案: