jQuery

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の高速化の
flatpickerがモーダルウィンドウで開かない時の対処法
flatpickerはデータピッカーJSプラグインです。 日付だけでなく時間も入力出、日本語対応もされているので使い勝手が良いです。 これが、モーダル(ポップアップ)ウィンドウ内に実装すると、フィールドをクリックしても...
Bootstrapのカルーセルをレスポンシブ対応な複数枚表示に切り替え
Bootstrapのカルーセルは基本的には1枚の画像(もしくは1つのHTMLコンテンツ)をスライドしながら表示する機能です。 これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設
BootstrapのブレイクポイントをjQueryで使用する方法
jQuery単独でメディアクエリ様のブレイクポイントを指定する場合、 のように、幅の値をブレイクポイントとして個別に入力する方法があります。 しかし、フレームワークにBootstrapを使用しており、かつ、ブレイクポ
123