Lv1プログラマの誰得メモ

総務女子の趣味とか勉強に関係することのメモ

HTML

そのボタン(クリックイベント)はaタグか、buttonタグか

大前提として、クリックしたい要素は必ずaタグかbuttonタグ。それ以外だと要素がフォーカスを受け取らないため、キーボード操作が不可能になります。 tabキー大好きおばさん「divタグにクリックイベント仕込むのは許さん」 その上で、クリックイベントはaタ…

jQuery UIとBootstrapのTooltip競合

前回、Bootstrapで初期指定(?)されているjQueryスリム版ではjQuery UIは使えない、という記事を書きました。 lv1meg.hatenablog.com そもそも、jQueryUIとBootstrapのどちらにも同じ名前のTooltip関数が設定されていて、競合してしまうようです。そういった…

Uncaught TypeError: Cannot read property 'step' of undefined

bootstrap(4.5.0)とjQueryUI(1.12.1)を併用しようとした際に、以下のエラーが発生した。 Uncaught TypeError: Cannot read property 'step' of undefined at String. (jquery-ui.min.js:6) at each (jquery-3.5.1.slim.min.js:2) at Function.l.hook (jq…

tableのヘッダを固定して縦スクロールさせる(position: sticky)

tableのヘッダ(thead)を固定して縦スクロールをしたかった。 だけど、なんか上手くいかなかった。スクロールがtbody部に食い込んだり、レイアウトが崩れたり。一番理想の挙動に近かったのがposition: sticky法。 こんな感じに動く はてブさんのスタイルも…

Vue.jsでカレンダーを作りたい人生だった

Vue.jsでカレンダーを作りたい人生だった(そうでもない) 調べてもPHPで作ってたり、そもそも私が求める以上の挙動をするものが出てきたので、諦めました。 ちょいちょい処理を端折ってるのでコピペだと上手くいかないと思います。 v-forの入れ子とか、二次…