ブックマーク / wemo.tech (2)

  • $(window).on (‘load’)関数が動作しない時はjQueryのバージョンをチェック! | WEMO

    $(window).on (‘load’)関数が動作しない時はjQueryのバージョンをチェック! 2019 8/13 先日、load関数 $(window).on('load') がページの読み込みごとに動作したりしなかったりする謎の現象に悩まされました。 どうやらキャッシュをクリアした時は正常に動作するのに、普通の更新では全く動作しない。 コンソールを見てもエラーログは出ていない。 これまで通り記述しているのにconsole.log()さえ動かない…。 という内容でした。非常に焦ったのでその時の原因と対処法をメモしておきます。 結論から言うと、使用するjQueryのバージョンを3に変えたことが原因でした。 jQuery3からはdocument-readyが常に非同期になっている 専門的な細かいことまでは分かりませんが、 jQuery3での変更点を分かりやすくまとめてくれているQiita

    $(window).on (‘load’)関数が動作しない時はjQueryのバージョンをチェック! | WEMO
  • 【jQuery・プラグインなし】WordPressで記事の見出しから自動で目次ナビを生成する自作スクリプト | WEMO

    WordPressの記事から見出しを自動で探し出し、リンク付きの「目次」ナビゲーションを設置するためのスクリプトを紹介します。 jQueryも一切使っていないです。 プラグインを使いたくない!って方は是非参考にしてみてください。 1. 見出しタグやブログのHTML構造を確認する まずは準備として、現在使用しているテーマのHTMLソースの構造を把握しておきましょう。 目次にしたい見出しは何番のHタグを使っているのか まずは見出しタグから確認していきましょう。 例えば下の画像のように、記事のタイトルがH1タグで、 大見出しはH2タグ、中見出しは全てH3タグで書いてあるパターンなどがあると思います。 ほとんどこんな感じかと思いますが、たまに大見出しも全部h1タグだったりするので確認しておきましょう。 今回は このパターンを例にしたスクリプトを紹介していきます。 記事を囲っているdivタグなどのI

    【jQuery・プラグインなし】WordPressで記事の見出しから自動で目次ナビを生成する自作スクリプト | WEMO
  • 1