#今日も勉強しました　

2022年8月28日日曜日

ハンバーガーメニューがtoggle()で閉じなかったので条件分岐で書き直す

ラベル: jQuery

リフォーム・新築の高槻の会社土屋様のスマホサイトですが、なぜか、ハンバーガーメニューのところを開いても、閉じるのは、そこ以外をクリックしないと閉じなかったも、ずっと気になっていたので…

こちらのサイトを参考に…→もしDisplay noneの場合は…そうでなければ…で条件分岐で書き直しました。

これを書いてある場所を探すのに、コンソールのソースを見ながらじゃ、JS多すぎてわからず、名前をつけて保存をして、怪しそうなJSを削除して調べた。

この方法を思いつくのに超苦労。

mini-jsでなくて、なんか一生懸命に書いてあるものだったのでよかった。

こういうテンプレートを買ったりすると、ちょっとそれはおかしいだろうというのがあるのが怖いですね。

!1って何？みたいな

2022年8月13日土曜日

各imgのtitle要素を、lightboxのtitle 要素に入れる each()って便利だな

ラベル: jQuery

高槻のリフォーム・新築の会社土屋さんのWordpressのサイトを作るにあたって、直感的にエンドユーザーが使えるものは何だろうということで、フレームワークとして、WPBakery Page Builder を採用しております。

これ、アップデートしていくのに、毎年お金いるんですよね…理解も結構面倒くさく…ま、慣れたらそれなりに簡単な感じにはなってまいりました。ただ、なんか、ここを、もうちょっとこうしたいというのが…面倒くさい。リフォームなどの写真の、使用前、使用後を写真をいちいち加工することなく、メディアの登録をしたら、自動的にimgに title要素が自動的につくのですが、 jqueryのキャプションをつけるというのは動かないため、今回考えました。lightboxはキャプションは、a 要素のtitleで設定できます。

data-title="Optional caption."　のように　書いてますけど、titileでも表示されました。

w3space.com のテストはこちらです。