jQuery(180)

180follower
harada さんのアバター 21views

Duplicate Postの「新規下書きとしてコピー」リンクを「新規追加」の横に移動する

「Duplicate Post」プラグインを有効にすることで、WordPressの記事を複製する「新規下書きとしてコピー」リンクをつけることができます。 こちらがデフォルトだとサイドブロックの下の方に表示されていてわかりにくいので、以下の... 2016年3月22日
harada さんのアバター 71views

[jQuery]closest:指定した要素の直近の親要素を選択する

指定した要素から直近の親要素を選択できます。 ex. $('.sample').closest('div').css('color', '#FFF'); こちらは直近の親要素のみで、祖先要素は当てはまりません。 ... 2016年3月18日
harada さんのアバター 105views

指定したテキスト入力フォームにdatalistを追加して選択もできるようにする

WordPressのカスタムフィールドテンプレートを利用しているフォームタグの場合は以下のように記述します。 var parkinglist = '<datalist id="othercharge">'; parkingli... 2016年3月11日
harada さんのアバター 1,212views

Select2のセレクトボックスで選択した内容をクリアできるオプション

以下のようにオプションで’allowClear’を追加することで選択した項目の右端に「×」アイコンが付与され押すことで選択した内容がクリアされます。 jQuery('#select').select2({ ... 2016年3月9日
harada さんのアバター 1,447views

bootstrap-datepickerで日付を選択後ドロップボックスを閉じる

bootstrap-datepickerを利用することでBootstrapに簡単にカレンダーで日付を入力できるパーツが付けられます。 ダウンロードはこちら 利用方法はこちらのブログが参考になりました。 bootstrap-dat... 2016年2月26日
harada さんのアバター 1,568views

AdminLTEのDate range pickerを日本語化して利用する方法

※今回はAdminLTEに入っていたDate range pickerを利用して確認したためその方法を記述しています。 1. 読み込む AdminLTEに入っていたプラグインを読み込みます。 jQueryも必要です。 //head内 ... 2016年2月25日
harada さんのアバター 1,081views

iCheckを利用時のチェックの有る無しで表示を切り替える

iCheckはチェックボックスとラジオボタンの表示をきれいに見せてくれるjQueryプラグインです。 iCheck iCheckを利用時はチェックのオンオフ分岐が以下のように変わります。 $('input').on('ifC... 2016年2月18日
harada さんのアバター 135views

jQuery Validateプラグインのバリデートをselect2プラグインにも適用する

jQuery Validateプラグインを利用してのバリデートではデフォルトではhidden状態の要素には反応しないようになっているため、Select2プラグインを適用したセレクトボックスではバリデートが反映されません。 これは、Selec... 2016年2月4日
harada さんのアバター 42views

特定のユーザー権限で特定のメタボックスを非表示にする

「購読者」に対して「カテゴリー」を非表示にするには以下の内容をfunctions.phpに記述します。 add_action("admin_head-post-new.php", "post_scripts"); add_action("... 2016年2月2日
kayama さんのアバター 2,286views

よく使うjqueryのお洒落な機能まとめ(クラス系・要素生成編)

クラス系・要素生成 クラス系は「クラスを追加」「クラスを外す」「クラスをもっているか判別」など使いやすいものばかりですね。 元々のJavascriptでこれらのスクリプトを書くとちょっと長くなってしまいますが、jQueryならささっと書け... 2016年2月1日
kayama さんのアバター 198views

よく使うjqueryのお洒落な機能まとめ(表示・非表示編)

表示・非表示系 例えば、「もっと見る」にアニメーションをつけたりする時などに使えます。 あまり気にならない部分でも、動きがつくとリッチ感が増していいですね。 非表示にするとき hide(スピード※) fadeOut(スピード※) c... 2016年1月27日
YY3ai2ui24 さんのアバター 161views

jQueryで属性の内容を前方一致で探す

jQueryはクラスやidなので、絞る方法がメジャーですが、もっと柔軟にDOMを検索できます。 <div name="hoge"></div> <div id="foo-1"></div> ... 2016年1月27日
harada さんのアバター 293views

jQueryでクリックした時の動作を表示・非表示で分岐する

toggle()を使えば一番簡単なのですが、うまくいかなかったので分岐を利用しました。 $('open-toggle').click(function(){ if ($('.open-body').css('display... 2016年1月26日
harada さんのアバター 3,429views

jQueryで読み込み時とリサイズ時の画面サイズによって処理を判定する

以前このハックを書いたのですが、こちらの方法だと、リサイズ時の処理がうまくいかなかったので、以下のように修正しました。 $(window).on('load resize', function(){ var w = $(... 2016年1月25日
YY3ai2ui24 さんのアバター 93views

jQueryのliveを使えば、簡単にクリックイベントが拾える

こんな感じの実装をするとクリックするたびに増える要素が作れます。 $(".test").live("click", function(){ $(this).after('こんな感じに増えるし、クリックすると増えます。... 2016年1月22日
harada さんのアバター 164views

jQueryで指定した要素を包み込むタグを追加する

.wrap内のpタグをdivすタグでべて包み込みたい場合は以下のように指定します。 $( '.wrap > p' ).wrapAll( '<div class="sample"></div>' ); 実... 2016年1月21日
harada さんのアバター 41views

特定のブロックを指定秒数経過後に非表示にする

sampleというclassをもったブロックを30秒表示後に非表示にする場合は以下のように記述します。 ただしブラウザリロードで復活します。 JavaScript jQuery(function ($) { $(".sa... 2016年1月20日
YY3ai2ui24 さんのアバター 97views

jQueryでchangeイベントを拾っていろいろしようとするとthisが迷子に

thisが迷子になる前に、jQueryオブジェクトを変数にしておくといいです。 $.(function(){ $("#target").change(function () { var target = $(this); ... 2016年1月19日
harada さんのアバター 81views

WordPressの投稿画面のメタボックスを最初から閉じておく

最初から閉じておきたいメタボックスのclassにclosedを付与することで、メタボックスを最初から閉じておくことができます。 ex. カテゴリーのメタボックスを最初から閉じておきたい場合は以下の記述をfunctions.phpに追加しま... 2015年11月24日
harada さんのアバター 67views

投稿や固定ページなど投稿タイプ毎にjQueryの処理を分岐する

WordPressの投稿や固定ページ、その他特定のカスタム投稿タイプ毎に別のjQuery処理を行いたい際には、以下のように記述することで分岐できます。 functions.phpなどに <?php function post_s... 2015年11月19日