2017-11-13 5 views
0

Wordpressのトップレベルメニューのデフォルト動作を変更する任務を務めています。WordPresのサブメニューは、一旦カーソルを離すと非表示になります。

たとえば、私はトップレベルのメニューからリンク機能を削除しました。サブメニューをクリックするだけだからです。

は、私はあなたがブラウザがこれとサブに「焦点を当てて」トップレベルのアイテムのいずれかをクリックした場合に問題が生じています。しかし、私の問題

どのようなものです(here興味を持っている場合を参照してください)あなたがカーソルを離しても、メニューはまだアクティブであり続けます。カーソルを移動するとサブメニューが消えてしまいます。トップメニューをクリックしていないときの動作と同じです。

私は

を試してみましたが、私はあなたが検査要素にリンクをクリックして集中する状態を設定することによって、この状態を強制することができ同定しました。

私はそれをやめるためにいくつかのCSSを書こうとしましたが、どこでもそれを得ることはできませんでした。

jQueryにリンクを停止するための 'stopPropagation'も追加しましたが、目的の効果はありません。

<script> 
     jQuery(document).ready(function() { 
      // Add the classes to target 
      jQuery('a.toplevel_page_bnfo_portal, a.toplevel_page_bnfo_database, a.toplevel_page_bnfo_insights').click(function (event) { 
       event.preventDefault(); // cancel the event 

       event.stopPropagation(); // Stops event propagating 
      }); 
     }); 
</script> 

大変ありがとうございました!ありがとうございました。

答えて

0

私は今、あなたはあなたの答えを受け入れる必要があります「マウスの下に」ターゲットれthis post

jQuery('a.toplevel_page_bnfo_portal, a.toplevel_page_bnfo_database, a.toplevel_page_bnfo_insights').on('mousedown', function(event) { 
      // do your magic 
       event.preventDefault(); 
}); 
+0

を@にsarfrazの提案を使用して解決策を見つけました。 –

関連する問題