jQuery

jQueryで非同期(getScript)にfacebook sdk v8.0を読み込む方法
WordPressでFacebookとInstagramのoEmbed機能が無効化される、ということでテーマにoEmbed機能を実装しようと試行錯誤しています。 その際、ロード時間短縮のためにjQueryを介してgetS...
userAgentを使用せずIE11専用のスタイルシートファイルを切り替える方法
Internet Explorer 11(以下IE11)のみレイアウトが崩れる場合、対応ハックしてスタイルをその他の問題のないブラウザでも読み込ませるのは、無駄であると考えます。そこで、IE11でのみ通常とは異なるスタイ...
【Bootstrap・JS】カルーセルで高さを合わせる
Bootstrapのカルーセル(フェードイン)実行時に、それぞれのスライドの高さがまばらだと、フェードトランジション終わってから高さが付くので前のスライドの高さに依存する。 なのでJSに と追加してみる。...
【jQuery】overflow:hidden;ではみ出た幅をscrollWidthで取得する方法
幅を固定値で指定して、はみ出したエリアを含む全体の幅をjQueryで取得する場合、少し通常とは異なる手段が必要とのことです。 jQuery的なお作法なら、 のようなイメージなのですが、実際は となるようです。 実装サンプ...
スクロールバーのカスタマイズはプラグインに頼らずjQueryで自作
目的はたった一つ。 ブラウザ標準のスクロールバーのデザインをカスタマイズすることです。 つまり、 マウススクロールにより、コンテンツがスムーズに移動 スクロールバーのトグルをドラッグアンドドロップでコンテンツが移動 他フ...
nanoScrollerのスクロールアニメーション
nanoScrollerはスクロールバーのデザインをカスタマイズ出来るjQueryプラグインです。実装も容易で、jQueryを知っていれば簡単に使えると思います。最近はむしろ、jQuery不要なプラグインも多く、逆に使い...
WordPressでjQueryがフッターに読み込まれなかったのはプラグインが原因
個人的な 覚書です。 WordPressでjQueryをフッターに呼び込み直そうと、 のように書くのですが、何度検証してもフッターではなく、ヘッダーに出力されてしまいます。 その原因を調べてみましたら、デバッグ用のプラグ...
WordPressでショートコード内のJSをフッターで読み込む方法
タイトルの 書き方が 難しい 要は、これまではjQueryの読み込みをヘッダーにしといたので、ショートコード内にスクリプトを直書きして出力していても問題無かったのだけれど、WordPressの高速化のためにjQueryな...
flatpickerがモーダルウィンドウで開かない時の対処法
flatpickerはデータピッカーJSプラグインです。 日付だけでなく時間も入力出、日本語対応もされているので使い勝手が良いです。 これが、モーダル(ポップアップ)ウィンドウ内に実装すると、フィールドをクリックしてもう...
Bootstrapのカルーセルをレスポンシブ対応な複数枚表示に切り替え
Bootstrapのカルーセルは基本的には1枚の画像(もしくは1つのHTMLコンテンツ)をスライドしながら表示する機能です。 これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設定...
123