「jQuery Mobile」data-position-toでpopupが基準要素に開くサンプル
構文
<a href=”#popupCfg” data-rel=”popup” data-position-to=”#cft”>Open Po ...
「jQuery Mobile」data-rel=”back”で戻る機能を実装する
構文
<a href=”xxxx” data-rel=”back””>戻る</a>
サンプルコード
<div data ...「jQuery Mobile」data-rel=”popup”でポップアップウィンドウを表示するサンプル
構文
<a href=”#popupBasic” data-rel=”popup”>Open Popup</a>
説明
ページ内でツー ...
「jQuery Mobile」data-transition=”slideup”でスライドアップアニメーション画面に遷移する
構文
<a href=”#testPage” data-transition=”slideup”>testPage</a>
サンプルコード
「jQuery Mobile」data-transition=”slide”でスライドアニメーション画面に遷移する
構文
<a href=”#next” data-transition=”slide”>next</a>
サンプルコード
<div ...「jQuery Mobile」data-transition=”pop”でポップ画面に遷移するサンプル
構文
<a href=”#pagePop” data-transition=”pop”>pagePop</a>
サンプルコード
< ...「jQuery Mobile」tapholdイベントを使用するサンプル
構文
$(selector).on(“tahold”,function(){
some code
})
750msec以上続けてタッチしたときに発生するイベントです。
h ...
「jQuery Mobile」バック(ui-icon-back)アイコンを使う
サンプルコード
<div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> <a href="#" c ...「jQuery Mobile」検索(ui-icon-search)アイコンを使う
サンプルコード
<div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> <a href="#" c ...「jQuery Mobile」swipeleft、swiperightイベントを使用するサンプル
構文
$(selector要素).on(“swipeleft”,function(){
//some code
});
$(selector要素).on(“swipe ...
「jQuery Mobile」data-filter属性で検索フィルターを追加するサンプル
説明
data-filter
検索フィルターを追加するかどうか 値true/false
data-autodividers
自動区切りを挿入するかどうか 値true/false
data-ins ...
「jQuery Mobile」scrollstopイベントを使用するサンプル
構文
$(document).on(“scrollstop”,function(){
処理コード
});
スクロールを停止したときに発生するイベントです。
JavaS ...
「jQuery Mobile」scrollstartイベントを使用するサンプル
構文
$(document).on(“scrollstart”,function(){
処理コード
});
スクロールを開始したときに発生するイベントです。
JavaSc ...
「jQuery Mobile」scrollstartイベントのサンプル
構文
$(” selector “).on(“scrollstart”,function(event){…})
JSコード
「jQuery Mobile」ネットワークグリッド(ui-icon-grid)アイコンを利用する
サンプルコード
<div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> <a href="#" c ...「jQueryMobile」インフォメーション(ui-icon-info)アイコンを使う
サンプルコード
<div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> <a href="#" c ...「jQuery Mobile」ロック(ui-icon-lock)アイコンを使う
サンプルコード
<div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> <a href="#" c ...「jQuery Mobile」削除(ui-icon-delete)アイコンを使う
サンプルコード
<div data-role="page" id="pageone"> <div data-role="main" class="ui-content"> <a href="#" c ...