jQuery

jQuery 関連のメモ

video/audio 要素 iPhone で currentTime が設定できない

2023年5月2日

video 要素や audio 要素で JavaScript を使って currentTime に0以外を設定すると、iPhone では期待通りに動作しません(0を設定する場合は問題ありません)。 例えば、以下を設定すると、PC では Chrome や Firefox、Safari では13秒の時点から再生されますが、iPhone では最初(0の位置)から再…

続きを読む

疑似要素を JavaScript でアニメーション(Web Animation API)

2023年4月7日

通常、疑似要素は JavaScript で直接操作できませんが、Web Animation API を利用すると比較的簡単に素の JavaScript でアニメーションを設定することができます。 animate() メソッドの第2引数(または KeyframeEffect() の第3引数)のオブジェクトで pseudoElement プロパティに疑似要素を指…

続きを読む

TypeScriptの変数定義時のコンパイルエラー :ブロック スコープの変数 ‘name’ を再宣言することはできません。ts(2451)

2023年2月8日

TypeScript で name などの特定の識別子を使って変数を定義したり、プロジェクト内で別ファイルなのに同じ変数名を定義するとコンパイルエラーが発生します(ファイルがモジュールでない場合)。 index.ts const name: string = 'foo'; console.log(name); % npx tsc //コンパイ…

続きを読む

Rellax.js を npm インストールして webpack でバンドル Uncaught ReferenceError: Rellax is not defined

2021年9月8日

Rellax.js を npm インストールして webpack でバンドルして使おうとしたら、エラー(Uncaught ReferenceError: Rellax is not defined)となったので対処法の覚書です。 Rellax.js のサイトにあるように npm install で rellax をインストール $ npm install r…

続きを読む

jQuery lightGallery (Version 1.2.x) の使い方や設定

2016年1月16日

jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.2.13」。以前「Version 1.1.4」の時にも調べたけれど、最近使おうと思ったらバージョンが上がっていました。Version 1.2.0 で全面的に書き換えたと…

続きを読む

フォームを送信(submit)した時の位置を保持する方法

2015年12月20日

フォームを送信(submit)すると、 action 属性で指定したファイルが読み込まれ、送信した際の画面の表示位置はリセットされページの先頭が表示されます。 フォームがページの中ほどや後半にある場合で、自分自身($_SERVER[‘PHP_SELF’])に送信した際に、送信(submit)した際の表示位置を保持して、ページロード後も…

続きを読む

Window オブジェクトや Document オブジェクト、DOMなど

2015年6月13日

Window オブジェクトや Document オブジェクト、DOM (Document Object Model) 、DOM 要素、jQuery オブジェクト等に関する個人的なメモ。 目次 Window オブジェクト ブラウザを操作するための機能を集めたオブジェクトがブラウザオブジェクトです。ブラウザオブジェクトは標準の規格があるわけではなく、個々のブラウ…

続きを読む

jQuery load() を使って別のページの見出しを表示する

2015年5月16日

jQuery の load() を使って同じサイト内の別のページの見出しを表示する方法に関するメモ。load() の基本的な使い方等についても再度メモ。 目次 load() の概要 書式 パラメータと戻り値 url (String) 要求を送信するサーバ側リソース(読む込むデータ)のURL。 オプションとして jQuery セレクタを使い(指定して)取得した…

続きを読む

jQuery レスポンシブメニュープラグイン SlickNav の使い方

2015年1月18日

jQuery レスポンシブメニュープラグイン SlickNav の基本的な使い方や設定に関する個人的なメモ。マルチレベル(メニューの階層)にも対応しているので便利。 SlickNav Responsive Mobile Menu v1.0.1 licensed under MIT 目次 jQuery プラグイン SlickNav のダウンロード SlickN…

続きを読む

jQuery プラグイン Wookmark の使い方や設定

2015年1月2日

jQuery プラグイン Wookmark の使い方や設定に関する個人的なメモ。 Wookmark は高さの異なる要素をタイル状に隙間なく並べてくれるプラグイン。但し、基本的に幅は一定にする必要があるみたい。 似たようなプラグインで jQuery Masonry があり、これは幅が異なってもそれなりにうまく並べてくれる(幅の設定の方法による)が、Wookma…

続きを読む