17.md—/Users/yasuhiko/Desktop/06

17 jQueryを導入する

〜 jQuery を使ってフラッシュメッセージを徐々に消す 〜

  • [default.ctp] に直接読み込むようにする (ヘルパーも用意されているが、こちらが簡単)
  • タグ内に次を書く
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  • ページ下部に次を書く
<script>
$(function() {
    setTimeout(function() {
        $('#flashMessage').fadeOut("slow");  // '#flashMessage' = id
    }, 800);
});
</script>
  • 消す要素の id を調べるには・・・対象のフラッシュメッセージを右クリック -> [要素の検証] を確認する

PAGE TOP



< 前へ  <<目次に戻る  次へ >