組み込みjs オフキャンバスメニュー js-acms-offcanvas-openが付かない時
53 views
Skip to first unread message
鈴木孝明
Nov 15, 2017, 8:27:33 PM11/15/17
to a-blog cms forum
お世話になります。ルーコ鈴木です。
v2.7.18です。
組み込みjsの「オフキャンバスメニューを表示させる」について、報告です。
上記URLに記載してある
2. HTMLの編集
<a class="js-offcanvas-btn js-offcanvas-btn-r">メニューを表示</a>
を参照して、classを付与しました。
しかし、動作しませんでした。
具体的には、js-offcanvas-btnのある要素をクリックしてもjs-acms-offcanvas-openが付与されません。
site2016で使われているのを見ると、a要素に下記の記述がありました。
href="#offcanvas" data-target="#offcanvas"
このあたりもマネしてみると、動作するようになりました。
･･･それで気づいたのですが、aタグなのでhref属性は当然必要ってことで
例では省略してあるのかと思いました。
つい例文をコピペして追記したり、そのままマネしたりする、私のような場合もあるかもしれません。
なので
にある例文にも、href属性があるといいのかなと思いました。
もし勘違いがったら申し訳ないですが、以上ご報告でした。
Godai Hori
Nov 16, 2017, 12:37:53 AM11/16/17
to a-blog cms forum
お世話になっております。
ご指摘ありがとうございます。おっしゃる通り、js-offcanvas-btnのクラスが振られている要素に対して、hrefもしくはdata-target属性に開きたいoffcanvasのid名を指定する必要がありました。
説明が足りておらずご不便をおかけしました。
ドキュメントの方も合わせて更新しておきました。
Reply all
Reply to author
Forward
0 new messages