Cake PHP jqueryを利用する

PHP

Cake PHPでjqueryを利用する

ここではjQueryのアコーディオンメニューを作ってみます。
サンプルはこんな感じです。
http://jqueryui.com/demos/accordion/

 
  1. 下記のサイトから事前にjQueryをダウンロードしておきます。

http://jqueryui.com/download

  1. webroot/js ディレクトリに、jquery(jquery-1.3.2.min.js、jquery-ui-1.7.2.custom.min.js)を入れておきます。
  2. コントローラーに次のように書きます。
  3.  var $helpers = array('Ajax','Javascript');
    
    1. ビューファイルから、jQueryのファイルにリンクを張ります。
    2.  echo $javascript->link('jquery-1.3.2.min'); 
       echo $javascript->link('jquery-ui-1.7.2.custom.min'); 
      
      1. ビューファイルに次のように記載します。
      2.  <div id="accordion">
            <div>
         	<h3><a href="#">First</a></h3>
         	   <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
            </div>
         <div>
        

        Second

        Phasellus mattis tincidunt nibh.
         </div>
         <div>
        

        Third

        Nam dui erat, auctor a, dignissim quis.
         </div>
         </div>
        
カテゴリーPHP

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です