2024/12/04 / 最終更新日時 : 2024/12/04 ブログマスター jQuery 【jQuery】slickスライダーのdotsをサムネイルにする 通常、slick スライダーでサムネイルをつける場合は、もう一つサムネイル用のスライダーを用意して2つのスライダーを連動させるのが一般的だと思いますが、dotsをサムネイルにすることができます。 2つのスライダーを連動さ […]
2023/09/21 / 最終更新日時 : 2023/10/13 ブログマスター jQuery 【jQuery】フォームの type=file のファイルサイズを取得する オブジェクト.prop(‘files’)[0] でフォームに設定されたファイルのオブジェクトを参照できます。 例えば、ファイルのフィールドの ID 属性が「file01」だった場合は、以下のように […]
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 を読込んでおく必要があります。 5行目は「メニューのセレクタ」内にある「対象のセレクタ」に「open」というクラスを追加しています。 5行目は無くても […]
2015/02/16 / 最終更新日時 : 2015/02/16 ブログマスター jQuery 【jQuery】bxSlider レスポンシブ対応の高性能スライダー。 スライドの種類が豊富。 色々なサイトで使い方が紹介されているので、 情報も入手しやすく使いやすいと思います。 サイト:bxSlider.com
2015/01/12 / 最終更新日時 : 2015/01/12 ブログマスター jQuery 【jQuery】ループを continue、break する jQuery には、continue や break がないので、 かわりにループ内に以下のコードを書く事で、 同様の処理が実現できます。 [javascript] return true; // continue re […]
2014/04/07 / 最終更新日時 : 2014/05/20 ブログマスター jQuery jQuery で img の width()、height() をちゃんと取得する方法 [javascript] $( function(){ $( "img" ).bind( "load", function(){ $( this ).width(); }); }) […]
2013/02/13 / 最終更新日時 : 2013/02/13 ブログマスター jQuery thickbox で開いたページからページを閉じる [html] Close [/html] で閉じる事ができます。 aタグの中に画像を入れれば、ボタンで閉じる事も可能。 onclick の代わりに href=”javascript:parent.tb_rem […]