jQuery sidrが動作しない場合
2018年4月7日
jQuery sidrはスマホのメニュー作成時に大変便利なjQueryプラグインです。
自分自身も色んなところで使用しています。
ただ、今まで何度か動作が不安点になるようなことがありました。
どうしても動作不安定が解消されない場合、原因が分からなかったのでサイドメニューからアコーディオンメニューに切り替えたりしていたのですが、今回原因がわかりましたので備忘録用に記事追加。
sidrの親ボックスにposition:absoluteを指定していると・・・。
指定していると、動作しないようです・・。
もっと根本的な原因があるかもしれません。
absoluteをfixedに変えてみましたが、こちらは正常に動作するようです。
jQuery sidrを導入する場合、position:absoluteの指定が親ボックスにないか、今後注意しようと思います。
例えば、レイアウトのためにjQuery sidrをボックス要素で囲み、その要素にposition:absoluteを指定してスタイリングするようなコーディングはできない、ということでしょう。
median.weblike.jp
