CodeIgniter Dreamweaver

CodeIgniterでjQuery Mobileを簡単に使う方法

更新日:

DreamweaverCS5.5を使うと、CodeIgniterで簡単にjQuery Mobileが使えるようになります。今日はその方法を記載したいと思います。

Dreamweaverのようこそ画面の新規作成の一番下にある『詳細設定』をクリックします。

新規ドキュメントダイアログが表示されたら、『サンプルから作成』→『モバイルスターター』→『jQuery Mobile(ローカル)』と選択して、『作成』ボタンをクリックします。

下記のようなコードが作成されます。

ローカルの『application/views』フォルダに新規でスマートフォン用のフォルダ『sp』を作成します。『ファイル』→『別名で保存』をクリックし、作成した『sp』フォルダに『index.php』名で保存します。

依存ファイルのコピーダイアログが表示されますので、『コピー』ボタンをクリックします。

新規に作成された依存ファイルの入ったフォルダ『jquery-mobile』を選択し、リモートサーバー(レンタルサーバー)にフォルダごとアップします。

次に、『application/contorollers』フォルダに『test.php』名でファイルを作成し、以下のコードを作成します。

<?php
class Test extends CI_controller{
function index()
{
$this->load->view('sp/index');
}
}

それでは、例のごとく、Device Centralで確認してみたいと思います。

実機でも試してみましたが、きちんとjQuery Mobileが動いていました。

本日は以上です。

-CodeIgniter, Dreamweaver

Copyright© WinRoad徒然草 , 2018 All Rights Reserved Powered by AFFINGER5.