2016-11-11 12 views
0

私はドロップダウンメニューを持つカスタムメニュー項目を持っています。メニュー項目にはリンクがありません - 現在は空です(この場合は '#'は私にとって無関係です)。子を持つWordPressメニュー項目のクリックイベントを削除します。

このアイテムには、WordPressによってクリックイベントが追加されています。サブメニューがあると思います。これを削除するオプションはありますか?

ポインタイベント、preventDefault、urlのvoidは機能しません。 CSS

.nav li ul { 
    display: none; 
} 

.nav li:hover ul { 
    display: block; 
    position: absolute; 
} 
+0

jQueryのホバーを試しましたか?それはあなたのためにそれを解決することができるはずです! –

+0

あなたはその質問を理解しましたか?それはCSSの問題ではありません。これは、サブメニューを持つメニュー項目のデフォルトのトグルを追加します。 –

+0

私は、jQuery hoveをCSSではなく使用したいと考えています。トリガーとしてのjQueryのホバーは、ドロップダウンのためのクリックが不要であることを意味します。 –

答えて

0

ナビ

(タッチデバイスにはホバーはありません!)私がやっている方法を
wp_nav_menu(
    array(
    'theme_location'=>'primary', 
    'depth' => 2 
) 
); 

を私はjQueryを介して、手動でバインドを削除したが、それは解決策ではありませんこれは子を持つ<li>にクラスを追加して、でそのクラスにのみ開いた動作を適用して、<a>タグがリンクのように動作することを禁止します。

$('.doorknob > a').hover(function(e) { 
    e.preventDefault(); 
    $(this).parent().toggleClass('opened'); 
    $(this).parent().children('.children, .sub-menu').toggleClass('sub-on'); 
    $(this).parent().attr('aria-expanded', $(this).attr('aria-expanded') == 'false' ? 'true' : 'false'); 
}); 

あなたはここで働い例を見ることができます:http://www.arden-price.com/?lang=en_us

あなたは第二(actio)がそのURLに直接アクセスできますしながら、最初のメニュー(人材)が唯一のサブメニューを開くに気づくでしょう。

+0

ニースだけど、クリックしないでホバーを使ってみたいです(これはwordpressがデフォルトでやっているものです) –

+0

私はちょうど反対を理解しました。私はあなたが "タッチデバイスにホバリングはありません"と述べたので、ホバーの相互作用を避けるようにしています。それが.hoverで動作するかどうかを確認してください。私は答えを編集しています。 – zJorge

+0

私は質問が混乱しているように見えます。ここを見れば、正しく理解できます。 http://beta.companyapp.co.uk - 「製品」メニュー項目をホバーしてクリックすると、動作が表示されます:) –

関連する問題