jQuery(173)

173follower
harada さんのアバター 83views

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ステータスが下書きの場合に投稿画面のタイトルの上にアラートを表示する

functions.phpに以下の記述をすることで表示できます。 function post_new_footer() { global $post; $post_id = $post->ID; ?> <... 2015年11月18日
harada さんのアバター 915views

[jQuery]上部ヘッダー固定+ページ内リンクのずれを解消する

jQueryを読み込んだ上で以下の記述を行うことで、上部ヘッダー固定の際のページ内リンクのずれ(くいこみ)を解消できます。 ※ こちらはWordPressの管理ページ内で利用するようの記述になっています。 <script type=... 2015年11月13日
harada さんのアバター 296views

jQueryを利用して背景画像をランダムで切り替える

jQueryファイルを読み込んだあとに以下のように記述すると、指定したブロックの背景画像をランダムに変更することが出来ます。 背景画像の配置位置やリピート設定などは別途CSSにて設定する必要があります。 <script> ... 2015年11月11日
harada さんのアバター 927views

select2の「No results found」を日本語に変更する

オプション記述のところに以下のように記述することで、好きな文言に変更できます。 language: {"noResults": function(){ return "見つかりません。";}}, escapeMarkup: functio... 2015年11月5日
harada さんのアバター 1,648views

jQueryで背景画像を無限ループで回転させる

テキストや画像の背景画像を永遠に回転させることができます。 HTML例 <div class="imgBox">〜</div> CSS例 .imgBox { background: ... 2015年11月2日
harada さんのアバター 50views

公開ボックスで不要な要素を非表示にする

非表示にしたいアクションのidを指定して、以下をfunctions.phpに記述することで擬似的に非表示にできます。 //公開ボックス編集 function hide_publishing_actions(){ $my_post_... 2015年10月23日
harada さんのアバター 208views

Google Maps APIでinfoWindowのサイズがどうしても変わらない場合の対処方法

Google Maps APIのinfoWindowを利用することで、地図に吹き出しをつけることができます。 通常のスタイル利用の場合はいいのですが、この吹き出しのスタイルをカスタマイズしようと思うとかなり骨が折れます。 infoWind... 2015年10月22日