2016-04-22 8 views
0

の外側をクリックの上に私はメガメニュープラグインには、リンクの近くjqueryのドロップダウン

プラグインのリンクを使用しています:私たちは、リンクのドロップダウンボタンをクリックしたときにhttps://codyhouse.co/demo/mega-dropdown/index.html

このドロップがダウンのみクローズ。リンクの外側(bodyまたはhtml)をクリックすると、このドロップダウンを閉じる必要があります。

聞くには私のウェブサイトのリンクです:私は私のアカウントは、ドロップダウン持ってトップメニュー の右側にhttp://btssystem.com/new-tricky

。メニューや本文、HTMLの外側をクリックすると、このドロップダウンを閉じたいと思う。

私を助けてください。

答えて

0

こんにちは親切headセクションにこのコードを貼り付け

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

ありがとうございました。完璧に動作しています。私はちょうどあなたのコードをコピーして貼り付け、それは魅力として働いています...私はとても幸せです。大変ありがとうございました。今のリンクをご確認ください:http://btssystem.com/new-tricky/ –

+0

グラッドはそれはそれを修正しようとし、開口部を維持し、ユーザーがどこでも – RRR

1

これを試してみてください:

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

私はコードを更新しましたが、完全には機能しません。 –

+0

私はあなたのコードを更新しましたが、完全には動作しません。リンクを参照してください:http://btssystem.com/new-tricky/ –

+0

あなたが "メガメニュープラグイン"を使用しないので、メニューの十字を変更することはありません。 – Mayday

0

リンクをクリックをトリガーしてみてください。

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

を助けました – RRR

+0

クリックするたびに、はい、私はちょうど見たメニューを閉じます、そのスクリプトで:) – Mayday

0

この方法を試してください。

$('*').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'); 
}); 

私はそれが最終的なソリューションになりますかどうかわからないんだけど、そこに物事をしようとしたとき、私はいくつかの奇妙な行動を持っているので、私は、あなたがあなたのページで遊んでいると思いますが、私はそれはあなたが、少なくともこの方向に行くために役立つことを願って

関連する問題