bxsliderで全幅じゃないスライドを作るときのメモ。 いつも忘れてしまうので備忘録。 slideWidth、minSlides、maxSlides、moveSlidesが揃わないとちゃんと動かない。こちら参考にさせてもらいました。 bxSliderの使い方と「オプション」によるカスタマイズあ…

先日、外部リンクをクリックした際ポップアップにテキストを表示する、という案件を対応した。 遷移先は別ドメインである旨を表示して、遷移する or 留まるリンクをクリックさせるというものだ。 免責事項の表示や、離脱防止などによく使われている。 すでに…

先日ライブラリのjsファイルを覗いていた際に見慣れないメソッドを見つけたので調べてみた。 機能 .remove()と似ているが、削除したDOM要素を保持することができる。 js.studio-kingdom.com「detachの場合は関連付けられているjQueryの情報を削除後も保持し…

うまくいった記事はあるけど調査中に失敗したことや、間違った対処法を書いた記事ってあまり見ないなと最近思い、デバッグの最中に陥った問題も書くことにしようと思った。 堂々巡りしている人の助けになれば幸い。 概要 スライダーとモーダルを組み合わせた…

症状 Firefoxでのみ、JavaScriptからprependしているvideoタグが自動再生されない。 原因 videoタグ自体の不具合でなく、自動再生の関数内で変数がundefinedになる。 自動再生処理がload終了後にちゃんと走っていなかった。 処理順序は以下 ready内でvideoタ…

アプリケーションで生成された画像を、別ページでギャラリーのように表示するシステムの組み込みをした。 以前REST APIで生成されるJSONを取得するコードを書いたのでたかをくくっていたが、いざ組み込もうとしたらES6で表記されていて困ったのでメモ。 REST…

前回REST APIを使い、Wordpressの投稿内容をJSONPで取得する方法について書いた。 オブジェクトで値にアクセスする際、無意識に記述を使い分けていたが、 今回も初めに手こずったので改めてメモすることにした。 オブジェクトのプロパティ取得方法 そもそも…

REST APIについては見聞きしていたが初めて触るので、とりあえず最新10件取得でもしてみるかと書いてみる。 _embedオプションでサムネ画像も含んだjsonを返してくれる。 参考:https://webtatan.com/blog/wordpress/wp-rest-api-v2-json 最初のコード $(funct…