jQuery

BootstrapのブレイクポイントをjQueryで使用する方法
jQuery単独でメディアクエリ様のブレイクポイントを指定する場合、 のように、幅の値をブレイクポイントとして個別に入力する方法があります。 しかし、フレームワークにBootstrapを使用しており、かつ、ブレイクポイン...
シリアライズ化されたカスタムフィールドからどのようにmeta_queryを指定するか思案
まず、解決策ではないです。こんな感じでいけるかな、というアイディアレベルです。 WordPressでは基本的な仕様に沿えば、カスタムフィールドはwp_postmetaテーブルにmeta_id、post_idと共にカスタム...
【jQuery】フォームの条件分岐(conditional logic)にはdependsOn!
先日、フォームの条件分岐(conditional logic)にjQueryプラグイン「dependent.fields.js」を紹介したのですが、使いすすめていくうちに欠点が見えてきました。 その一つが、depende...
【jQuery】フォームに条件分岐(conditional logic)を設定する
例えばアンケートフォーム等で という設問があって、「その他」を選択すると、その下に新たに というテキストフォームが追加される、というのを作りたくて調べてみたら、このような仕様を conditional logic と言う...
ページ内スクロールアンカーリンクにデータ属性を使う
WordPressで目次を作るなら、Table of Contents Plusが定番のようです。 しかし、ここ3年間更新がされておらず、少し不安でもあります。 シンプルなプラグインで完成しているなら更新不要なのかもしれ...
【CSS】FlexboxとPositon:Fixedを使って要素を中央固定表示する方法
CSSである要素を中央に固定して表示するには、表示したい要素の高さ分をtopから差し引く、という方法が良く用いられます。 しかし、これは要素の高さを予め決定しておく必要があります。 もし高さが可変する場合はjQueryを...
WordPressのREST APIでSelect2のajaxリモートデータ取得に使ってみる。
まずはHTML側 [html][/html] 次にjavascript [js][/js] URLをREST APIの出力先に設定して、取得する際にタイトルはtitle.renderedに設定している程度です。...
webkit系のブラウザならスクロールバーのデザインが簡単に。
幅広くてデザイン的にちょっと頂けないブラウザのスクロールバー。 これをカスタマイズするにはjQueryのプラグインjQuery custom content scrollerをよく使うのですが、 webkit系のブラウザ...
inputフォームでdataタイプが使えないブラウザの時はjQuery UIのdatapickerを使うように切り替える方法
ChromeやEdgeでは、inputフォームタグにtype="date"としてやれば、簡単にカレンダー入力が可能になります。 しかし、Firefoxや旧IEではこれをサポートしていないため、ただのテキスト入力になってし...
jQueryでHTMLタグを置換する
例として、ボタンをクリックしてulタグをolタグに置換しています。 See the Pen クリックしてタグを置換する by kosuke agusa (@aguko) on CodePen. でも、このままだとidやク...
123