Wordpressを使っています。
ふつう、サブメニューがマウスオーバーで表示されたら、それが消えるタイミングは、「サブメニューからマウスを離したとき」だと思います、が、なぜか、「メインメニューからマウスを離したとき」に消えてしまいます。
つまり、サブメニューをクリックできないんです。
なぜなら、マウスをメインメニューから話した途端に、サブメニューが消えてしまうためです。サブメニューの部分にマウスはあるのに、です。
この困った仕様は、一体どこを治せばいいのでしょうか?
まとめますと、
【現状】
メインメニューAにマウスオーバーしてサブメニューXYZが表示されるが、XYZをクリックするためにマウスをメニューAから移動させてXYZに移すと、XYZが消えてしまう。
【希望】
一度サブメニューXYZが表示されたら、「メニューAからマウスを離したとき」ではなく、「サブメニューXYZから離したとき」に、XYZが消えるようにしたい。
ということです。
いま、javascriptはこうなっています。
javascript
1(function() { 2 $( '#navigation .current-menu-item' ).parents( '.sub-menu' ).show() 3 .prev( '.submenu-switch' ).find( '.fa' ).removeClass( 'fa-angle-down' ).addClass( 'fa-angle-up' ); 4 5 $( '#navigation .submenu-switch' ).hover(function() { 6 var $switch = $(this); 7 $switch.next( '.sub-menu' ).toggle( 500, function() { 8 $switch.find( '.fa' ).toggleClass( 'fa-angle-down fa-angle-up' ); 9 10 if ( 'true' == $switch.attr( 'aria-expanded' ) ) { 11 $switch.attr( 'aria-expanded', 'false' ); 12 } else { 13 $switch.attr( 'aria-expanded', 'true' ); 14 } 15 16 $screenReader = $switch.find( '.screen-reader-text' ); 17 if ( aesblo.expandMenu == $screenReader.text() ) { 18 $screenReader.text( aesblo.collapseMenu ); 19 } else { 20 $screenReader.text( aesblo.expandMenu ); 21 } 22 }); 23 }); 24 25 })();
PHPはこうです。
PHP
1<div class="sidebar-buttons clearfix"> 2 <?php if ( is_active_sidebar( 'secondary-sidebar' ) ) : ?> 3 <button type="button" class="active-secondary-sidebar button-toggle"> 4 <span class="screen-reader-text"><?php _e( 'Toggle to the secondary sidebar', 'aesblo' ); ?> </span> 5 <span class="fa fa-ellipsis-h fa-2x"></span> 6 </button> 7 <?php endif; ?> 8 <button type="button" class="close-primary-sidebar button-toggle"> 9 <span class="screen-reader-text"><?php _e( 'Close the primary sidebar', 'aesblo' ); ?> </span> 10 <span class="fa fa-close fa-2x"></span> 11 </button> 12 </div>
HTMLはこんな感じで出力されます。
HTML
1<div id="primary-sidebar-content" class="primary-sidebar-content"> 2 3 <div class="sidebar-buttons clearfix"> 4 <button type="button" class="close-primary-sidebar button-toggle"> 5 <span class="screen-reader-text">Close the primary sidebar </span> 6 <span class="fa fa-close fa-2x"></span> 7 </button> 8 </div> 9 10 <nav id="navigation" class="site-navigation" role="navigation" aria-label="Primary Menu"> 11 <ul id="ごちゃごちゃと数字と%が書いてある。。。。
お分かりになる方がもしいらっしゃいましたら、どうぞよろしくおねがいいたします。<m(__)m>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/06/09 11:41