サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
www.garage-works.net
今回はjQueryを使った、カスタムイベントの設定方法をご紹介します。 結論から言ってしまうと、trigger(type, [data])関数でカスタムイベントを発射し、bind(type, [data], fn)関数でキャッチします。 trigger(type, [data])関数はデフォルトのイベントだけでなく、bindで予め登録しておいたカスタムイベントを呼び出すことが出来ます。 例えば、 <p>ボタンクリックでこの部分を変更する</p> <button>カスタムイベント発射!</button> <span style="display:none;"></span> 上記の様なコードで書かれたボタンが有ります。 このボタンを押して、カスタムイベントを利用出来る様にしてみます。 ボタンを押した段階で、trigger関数からmyCustomEventイベント(※イベント名は自由に設定出
WP3.0から各投稿編集画面でアイキャッチ画像を指定する事が出来る様になりました。 バージョン2.9あたりから同じ機能が実現出来た様ですが、アイキャッチ画像という名称となったのはバージョン3.0からです。 既にご存知の方は多いかもしれませんが、アイキャッチ画像を簡単に説明すると、事前に指定しておいた大きさで、登録した画像を自動生成し、ページに表示させる事が出来る機能です。 アイキャッチ画像は記事ごとに1つ指定する事が出来、本文に挿入した画像とは別に扱う事が出来ます。 アイキャッチ画像を使用するには、functions.phpに以下のコードを記入します。 //アイキャッチ画像設定 add_theme_support( 'post-thumbnails' ); //例:幅 150 ピクセル、高さ 150 ピクセル、切り抜きモード set_post_thumbnail_size
今回はjQueryを使った、カスタムイベントの設定方法をご紹介します。 結論から言ってしまうと、trigger(type, [data])関数でカスタムイベントを発射し、bind(type, [data], fn)関数でキャッチします。 trigger(type, [data])関数はデフォルトのイベントだけでなく、bindで予め登録しておいたカスタムイベントを呼び出すことが出来ます。 例えば、 <p>ボタンクリックでこの部分を変更する</p> <button>カスタムイベント発射!</button> <span style="display:none;"></span> 上記の様なコードで書かれたボタンが有ります。 このボタンを押して、カスタムイベントを利用出来る様にしてみます。 ボタンを押した段階で、trigger関数からmyCustomEventイベント(※イベン
このページを最初にブックマークしてみませんか?
『http://garage-works.net/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く