jQuery(179)

179follower
harada さんのアバター 970views

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

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

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

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

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

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

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

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

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

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

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

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

WordPress管理画面のviewportを変更する

WordPressの管理画面をスマホで見ると拡大ができるようになっています。 この拡大を無効にしたい場合は管理画面で記述されているviewportを変更する必要があります。 WordPressのコアファイルを直接触るのは避けたいのでjQue... 2015年10月20日
harada さんのアバター 954views

[jQuery]画面サイズで分岐する

if (jQuery(window).width() < 768) { //ウィンドウサイズが768pxより小さい場合 } else { //ウィンドウサイズが768pxより大きい場合 } ... 2015年10月14日
@iwasaki さんのアバター 94views

JavaScriptでクリックの動作をシミュレートする方法

jQueryを使った場合 $('#hoge').click(); jQueryを使わない場合 var elem = document.getElementById('hoge'); var evt = document.create... 2015年9月17日
harada さんのアバター 900views

「jQuery Steps」で簡単にウィザードフォームを実装する

jQuery StepsというjQueryプラグインを利用することで、簡単にステップ式のウィザードフォームを実装することができます。 ダウンロードはこちら デモはこちら 利用方法 javascript jQueryプラグインですので... 2015年8月24日
Yukimi Sato さんのアバター 1,399views

【Bootstrap】Bootstrap3でアコーディオン

BootstrapCDNとFont−AwesomeCDNを使って実装します。 Bootstrap3でアイコン付アコーディオン(Collapse)を使用するを参考にさせていただきました。 HTML <!DOCTYPE html&g... 2015年8月13日
goto_jp さんのアバター 222views

jQuery:外部読み込みしているJS内で自分自身のファイルパスを返す

$("script:last").prop("src"); 上記で取得できる。 何番目の <script> タグで読み込んでいようとコレを実行する時点ではそのファイル自身が最後のファイルなので $("script:last... 2015年8月3日
goto_jp さんのアバター 1,158views

jQuery:eachを逆順に処理する

普通のjQueryのeachの書き方は下記になる。 $(".hoge").each(function(){ //処理 }); ページ内のクラスhogeすべてに前方から順に処理をしていく。 これを最後の方から逆に処理をしたい場合は... 2015年6月11日
goto_jp さんのアバター 7,943views

jQuery:現在カーソルがhoverしている要素を返す

下記で取得できる。 jQuery(":hover") カーソルがhoverしている箇所に重なっている全要素が深い順に配列で返される。 応用:特定のレイヤーの上にカーソルが存在することを判定する $(".layer").mouseo... 2015年6月9日
@iwasaki さんのアバター 3,837views

jQueryでテキストエリアの値を取得する

<textarea id="AAA" name="my-textarea" cols="40" rows="4"></textarea> の値をname属性ベースで取得するには var val = $('[na... 2015年4月30日
@iwasaki さんのアバター 166views

jQueryでテキストを取得する

jQueryでテキストを取得する方法です。 wicketの場合はidが自動採番になってしまうため、力技でJavascriptからidを取得する場合はjQueryを使うのが便利です。 <div id="mailSubjectValu... 2015年4月27日
goto_jp さんのアバター 8,931views

jQuery:動的に追加した要素の取得・操作にはready()を応用する

背景 ある要素がonLoadのタイミングでJSで生成されている その要素に対しては直接手を出せない その要素に対してonLoadのタイミングで操作を行いたい ready()関数で対応する ready()は「DOMのロードが完了され... 2015年4月13日
harada さんのアバター 56views

jQueryで特定のブロックで挿入されるbrタグを消す

下記のように記述することで、prettyprintの中のbrタグを消します。 <script type="text/javascript"> $(".prettyprint br").each(function(index... 2015年4月6日
Yukimi Sato さんのアバター 2,593views

【jQuery】リンククリックで表示非表示を切り替える

非表示 → リンククリックで表示 のループ想定。 HTML <a id="openButton" href="javascript:void(0);">クリック</a> <div id="openBlock... 2015年3月30日
harada さんのアバター 1,242views

jQueryでtdの高さを取得してdivを縦100%表示する

CSS html, body { height:100%; } table { height:100%; } HTML <table> <tr> <td> <div id="... 2015年3月27日