-
投稿者投稿
-
2018年11月22日 12:27 AM #7193
とても気に入って使っています。
ドロワーメニューで子メニューがある場合についてですが,
■特定の親メニューのみ,ドロワーメニューオープン時に開いた状態(その後の動作は通常通り)にしたいのですが,可能でしょうか。
*自力でCSSでトライしてみたのですが,JS使用が良さそうで断念しました。
■特定の親メニューのみ,右端のアイコンだけで無く,親メニュー文字をタップした場合も子メニューが表示されるようにしたいのですが,可能でしょうか。
(この場合,親メニューのリンクは無効で構いません)*無理矢理アイコンの領域を広げてみたのですが,オープン時の回転でoffに無理がありました。
以上,よろしくお願いします。
♥ 0いいねをした人: 居ません2018年11月22日 9:56 AM #7199子テーマの functions.php に次のようなコードを追加してみるとどうでしょうか?
add_action( 'wp_footer', function() { <script> jQuery(function($) { var parent = $('#menu-item-313'); // 開きたいメニューの ID を指定 parent.children('.c-drawer__toggle').attr('aria-expanded', 'true'); parent.children('.c-drawer__submenu').attr('aria-hidden', 'false'); }); </script> } );
♥ 0いいねをした人: 居ません2018年11月22日 12:24 PM #7223お世話になります。
教えていただいたソースを子テーマの「functions.php」に貼り付けたところ,WEBが真っ白になりました。
一応,別環境でも試しましたが同じでした。
♥ 0いいねをした人: 居ません2018年11月22日 2:59 PM #7226ありゃすみません、修正してみました。
add_action( 'wp_footer', function() { ?> <script> jQuery(function($) { var parent = $('#menu-item-313'); // 開きたいメニューの ID を指定 parent.children('.c-drawer__toggle').attr('aria-expanded', 'true'); parent.children('.c-drawer__submenu').attr('aria-hidden', 'false'); }); </script> <?php }, 100 );
♥ 0いいねをした人: 居ません2018年11月22日 8:49 PM #7240お世話になります。
無事,実現できました。とても助かりました。
あと「特定の親メニューのみ,右端のアイコンだけで無く,親メニュー文字をタップした場合も子メニューが表示されるようにしたい」は,難しいでしょうか。
数人の方から子メニューが開きにくいといわれたもので,実現できると助かります。
♥ 0いいねをした人: 居ません2018年11月22日 9:55 PM #7242無事,実現できました。とても助かりました。
良かったです!
あと「特定の親メニューのみ,右端のアイコンだけで無く,親メニュー文字をタップした場合も子メニューが表示されるようにしたい」は,難しいでしょうか。
残念ですがこれはできません。通常文字の部分はそのページへのリンクが設定されており、それを動作させるようにしておく必要があるためです。
♥ 0いいねをした人: 居ません2018年11月22日 10:18 PM #7245了解しました。
とても助かりました。
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「ドロワーメニューの親メニューを,開いた状態で表示とタイトルタップでのオープン」には新しい返信をつけることはできません。