jQueryMobileでスワイプして画面遷移する | CHECKO Developer's Blog
昨日は風すごかったですねー。早めに帰宅してしまったので、家の貧弱な開発環境でもできることをしようと思ってスワイプでの画面遷移を実装しました。 <script> $('.ui-page-active').live('swipeleft', function(event) { var path = '#hoge'; $.mobile.changePage(path); }); $('.ui-page-active').live('swiperight', function(event) { var path = '#fuga'; $.mobile.changePage(path); }); </script> 簡単ですね。実際はやもりのidを抜いてきて連結してパスにするみたいなことやってます。 現在位置を表示する方は、 <div id="geckoPage_2" data-role="page
はじめての jQuery Mobile 1.0 〜その2：ページ遷移〜 - A Memorandum
blog1.mammb.com からの続きです。 ページ遷移時のイベント jQuery Mobile では、1つのHTMLファイルに複数のページビューを定義できます。外部ページも非同期リクエストにて取得したページビューを、既存の DOM に挿入することでページ遷移を実現します。 これによりページ遷移の度にサーバへのリクエストを行うこと無く、通信帯域の制限されたモバイル環境においてスムーズなページ遷移を可能にしています。 このような特徴があるため、jQuery Mobile では $(document).ready() といった、ページロード時のイベントと、ページ遷移(表示)時のイベントを区別して扱う必要があります。 ページの初期化には pageinit イベントを使う ディスクトップ向けに jQuery を利用する場合は、$(document).ready() にて DOM の読み込み完了
CSSを追加してjQuery Mobileのデザインをカスタマイズ！ | Lab by engineering@dwango.jp
こんにちは初めまして、石崎と申します。 今回は jQuery Mobile シリーズ3回目！ということで、jQuery Mobile デザイン編です！ jQuery Mobile には 標準のテーマ（色見本）が5つ用意されています。この標準のテーマを使用してアプリを作ることも可能です。しかし、アプリやサイトにはそれぞれのデザインやブランドイメージがあり、標準のテーマとは違うイメージのものを作りたい場合があります。 そんな時のために、今回は CSS などをカスタマイズして独自のデザインをいれていくノウハウについて説明します。 対象読者 CSS3, HTML5 の知識がある方 jQuery Mobile の仕組み 今回は jQuery Mobile のバージョン 1.0 RC2 を扱います。 先ほど述べたように、jQuery Mobile には標準のテーマが5つ用意されています。data-th
必要なのは「水」だけ！ あめ色玉ねぎを15分で作る方法 | ライフハッカー・ジャパン
多くのレシピで「ここで、あめ色になるまで炒めた玉ねぎを追加して...」などとサラッと書いてある割には、実は準備するのに1時間以上もかかることがあるのが、あめ色玉ねぎの難点です。 ありがたいことに、料理ブログ「Serious Eats」に、あめ色玉ねぎが15分でできる方法が載っていました。しかも、玉ねぎ以外に必要なのは少しの水だけです。これまでにあめ色玉ねぎを作ったことがある人は、火のそばにつきっきりで、1時間以上も玉ねぎをかき混ぜなければならない苦労をご存じでしょう。しかし、同じように炒める方法にも関わらず、少しだけ注意しながら、少しだけ水を使うことで、あめ色玉ねぎは短時間で作ることができるというのです。 ビデオを見ればわかるように、「よくかき混ぜること」、「温度を一定に保つようにすること」がポイントです。 このデモでは、熱の伝わり方がゆっくりで均等、さらに丈夫である「ル・クルーゼ」の鍋を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
