harada
WordPressで記事の並び順を2段階に条件を付けて変更する
あまり利用する機会はないかもしれませんが、備忘録のために記録しておきます。 たとえば投稿にカスタムフィールドを2つ、記事番号と注目記事かどうかなど設定していて、通常の順番変更に加えて、カスタムフィールドが注目になっている…Chromeでdatalistを利用するとhoverで表示される三角を非表示にする
‘datalist’タグを利用してテキスト入力フォームに入力候補を表示する際に、Firefoxはいいのですが、Chromeでどうしても三角アイコンが表示されるという現象を確認しました。 selec…jQueryでクリックした時の動作を表示・非表示で分岐する
toggle()を使えば一番簡単なのですが、うまくいかなかったので分岐を利用しました。 $(‘open-toggle’).click(function(){ if ($(‘.open-body’).css(‘displa…jQueryで読み込み時とリサイズ時の画面サイズによって処理を判定する
以前このハックを書いたのですが、こちらの方法だと、リサイズ時の処理がうまくいかなかったので、以下のように修正しました。 $(window).on(‘load resize’, function(){ var w = $(…jQueryで指定した要素を包み込むタグを追加する
.wrap内のpタグをdivすタグでべて包み込みたい場合は以下のように指定します。 $( ‘.wrap > p’ ).wrapAll( ‘<div class=”sample”></div>…特定のブロックを指定秒数経過後に非表示にする
sampleというclassをもったブロックを30秒表示後に非表示にする場合は以下のように記述します。 ただしブラウザリロードで復活します。 JavaScript jQuery(function ($) { $(“.sa…Bootstrap:ラジオボタンでポップオーバーを呼び出す
CSSを読み込む <link href=”bootstrap.css” rel=”stylesheet” type=”text/css” /> Javascriptを読み込む＆記述する <script …