2024/12/04 / 最終更新日時 : 2024/12/04 ブログマスター jQuery 【jQuery】slickスライダーのdotsをサムネイルにする 通常、slick スライダーでサムネイルをつける場合は、もう一つサムネイル用のスライダーを用意して２つのスライダーを連動させるのが一般的だと思いますが、dotsをサムネイルにすることができます。 ２つのスライダーを連動さ […]
2023/11/11 / 最終更新日時 : 2024/04/06 ブログマスター JavaScript 【JavaScript】iOS の Safari で option 要素に display: none が効かない件 iOS の Safari では、select の option 要素に display: none を指定しても、選択肢を非表示にできないようです。 そのため、選択肢を非表示にするには、display: none を指定 […]
2023/09/21 / 最終更新日時 : 2023/10/13 ブログマスター jQuery 【jQuery】フォームの type=file のファイルサイズを取得する オブジェクト.prop(‘files’)[0] でフォームに設定されたファイルのオブジェクトを参照できます。 例えば、ファイルのフィールドの ID 属性が「file01」だった場合は、以下のように […]
2023/09/21 / 最終更新日時 : 2023/10/13 ブログマスター JavaScript 【JavaScript】e.preventDefault() の解除方法 e.preventDefault() を解除は、e.off() で可能です。 e.preventDefault() で一旦処理を止めて、なんらかの処理をしてから、e.off() をすれば、中断していた処理を再開できます。
2020/03/19 / 最終更新日時 : 2020/03/19 ブログマスター JavaScript 【JavaScript】３桁ごとにカンマ区切りにする JavaScript で３桁ごとにカンマで区切るには、 で可能です。 ただ、うまくいかない事もあるようで、 そういった場合は、正規表現を使う必要があるみたいです。 参考：[JavaScript] 数字を3桁カンマ区切りに […]
2018/06/13 / 最終更新日時 : 2019/09/16 ブログマスター jQuery 【jQuery】デートピッカーの日本語化 デートピッカーを利用するには、あらかじめ jquery 本体と、 jquery-ui.min.js を読込んでおく必要があります。 例えば、以下のような感じ。 [html] <link rel=”sty […]
2016/01/06 / 最終更新日時 : 2016/01/06 ブログマスター jQuery 【jQuery】css で !important を設定する方法 jQuery で CSS を設定する場合に「!important」を設定したい場合があると思います。 通常、CSS を設定する場合は、 [javascript] $(“target”).css(& […]
2015/05/18 / 最終更新日時 : 2015/05/18 ブログマスター jQuery 【jQuery】親要素のみを削除する 例えば、 [html] [/html] の Aタグのみを消したい場合に、 [javascript] $(“img”).parent.remove(); [/javascript] とすると、 im […]
2015/04/02 / 最終更新日時 : 2015/04/03 ブログマスター jQuery 【jQuery】シンプルなアコーディオンメニュー シンプルなアコーディオンメニューのコードです。 事前に jQuery を読込んでおく必要があります。 ５行目は「メニューのセレクタ」内にある「対象のセレクタ」に「open」というクラスを追加しています。 ５行目は無くても […]
2015/02/16 / 最終更新日時 : 2015/02/16 ブログマスター jQuery 【jQuery】bxSlider レスポンシブ対応の高性能スライダー。 スライドの種類が豊富。 色々なサイトで使い方が紹介されているので、 情報も入手しやすく使いやすいと思います。 サイト：bxSlider.com