[JQueryMobile]スクロールビューの実装について

JQueryMobileにはScrollViewが存在します。
●必要なJSファイルは
jquery
jquery.mobile
jquery.easing
jquery.mobile.scrollview
scrollview

これらファイルについてはココのソースを開けばわかります。(探索ワード:jquery mobile scrollview)
※対象サイトはスクロールが利きませんのでドラッグでページをスクロールしてください。
対象サーバが落ちていた場合の予備ソース)

参考URL:jQuery Mobile Scrollview
このエントリーをはてなブックマークに追加

[JQueryMobile][cakephp]Headerにsubmitボタンを配置する

参考URL:[jQuery Mobile] headerに3つ以上のボタンを表示する
JQueryMobileのHeaderサンプルではaタグで作成していますが、これをcakephpのsubmitに書き換えました。
(PHPのボタンや、JQueryMobileのボタンについても同じようなことが出来ると思います)

まずはサンプルがこうなっています。


Edit Contact


Save

[JQueryMobile][cakephp]Headerにsubmitボタンを配置する_1

これを単純にsubmitに書き換えます


Edit Contact


<?php echo $form->submit('送信',array('id'=>'submit','name' => 'submit','data-icon'=>"check",'data-theme'=>"b",'class'=>"ui-btn-right"));?>

[JQueryMobile][cakephp]Headerにsubmitボタンを配置する_2

下へずれてしまいました。
これを直すには'class'=>"ui-btn-right"の要素をdivタグに含めて外出しにします。


Edit Contact



<?php echo $form->submit('送信',array('id'=>'submit','name' => 'submit','data-icon'=>"check",'data-theme'=>"b"));?>


[JQueryMobile][cakephp]Headerにsubmitボタンを配置する_3

このようにすることで、意図した位置へ配置することが可能です。
このエントリーをはてなブックマークに追加

tag : jquerymobile cakephp1.3 php header submit button div

[JQueryMobile]ナビゲーションバー(NavBar)を押せなくする

タイトルはつまり、Disabled状態にする方法です。
参考URL:How disable navbar button ??

ここにある通りやり方はこうなります。

このエントリーをはてなブックマークに追加
Translation


プロフィール

チーズくん

Author:チーズくん
個人的メモをただ羅列しています。
twitter:@cheese1038

バロメーター
最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ