そろそろjQuery Mobileでajaxを無効にしてるやつに一言いっておくか - へっぽこプログラマーの日記
jQuery Mobileでは、ページ遷移の際に自動的にajaxが利用されています。特に何もしなくても遷移先のページをajaxで取得してアニメーションをつけて遷移するというのがjQuery Mobileの大きな特徴のひとつになっています。 しかしながら、巷では、何か問題があるとすぐにこのajaxを無効にするという対処方法が蔓延しているようです。ちなみにajaxを無効にする方法というのは、以下のようなものを指します。 a要素やform要素に data-ajax="false" を指定する。 グローバル設定で $.mobile.ajaxEnabled = false; を設定する。 もちろん、このajaxの挙動を理解した上で、ajaxを無効にするという方法を取ることは何ら問題ないのですが、とにかく困ったらajaxを無効にするということが多いようです。 具体的には以下のようなケースが挙げられるで
jQueryMobile にオリジナルjavascriptを記述する方法
jQueryMobileの記事は久々ですね。 jQueryMobileを使ってスマートフォンサイトを作り始めると、独自でjavascriptを書くケースが出てきます。これは普通のPCサイト作っていたって書くので当然のことですね。 jQueryMobile $(document).ready()が動かない jQueryプラグインの多くは、もしくは独自で記述をしようとすると$(document).ready()を利用すると思います。。つまり、全てのDOM要素(HTMLとか)が読み込まれてから、指定されたjavascriptを実行するというものです。 ところがどっこい、jQueryMobileは$(document).ready()が動きません。 どのような動きになるか検証してみる 簡単なalertの出力で、実際にどのような動きになるのか検証してみましょう。 スマホでも、PCからでもどちらでも同
jQuery Mobileでページ遷移時のアニメーションエフェクト: JavaScriptメモ
jQuery Mobileでページ遷移時のアニメーションエフェクトはa要素に対して「data-transition」で指定することができます。 <a href="#page2" data-transition="slide">page2へ移動</a> data-transitionは次のような値をとることができます。 slide:現在のページが左に移動してページ遷移 slideup:新しいページが下からスライドしてきてページ遷移 slidedown:新しいページが上からスライドしてきてページ遷移 pop:新しいページが拡大して表示される fade:現在のページがフェードアウトしてページ遷移 flip:ページが回転するようにページ遷移 「data-direction="reverse"」を合わせて指定することでエフェクトを逆向きにすることができます。 <a href="#page2" dat
Icon Pack 2.0
Original Icons I'm a checkbox Choose a pet: Option 1 Option 2 foobar data-icon="arrow-l" data-icon="arrow-r" data-icon="arrow-u" data-icon="arrow-d" data-icon="delete" data-icon="plus" data-icon="minus" data-icon="check" data-icon="gear" data-icon="refresh" data-icon="forward" data-icon="back" data-icon="grid" data-icon="star" data-icon="alert" data-icon="info" data-icon="home" data-icon="search"
iOS 6のMobile Safariが与えるAjax（jQuery）のPOSTキャッシュ問題 : Re:
けっこう深刻。 だって動かないんだからｗ ホントかよーって思ったけど、確かに２回目以降はサーバサイドにリクエストは投げず、ブラウザがキャッシュしてるレスポンスデータで処理されてた。 なんてこったい！ とりあえず引用サイトでサンプルコード載せてくれてるので、ほぼそのまま実装しとけば $.ajax({type:'POST'}) や $.post() によるキャッシュ回避が可能。 タイムスタンプ付けて違うリクエストとして処理させる騙し技で十分な場合のみね。 iOS6 Mobile SafariがAjax POSTでキャッシュする問題を回避する方法 ｜ クラスメソッド開発ブログ http://dev.classmethod.jp/smartphone/ios6-safari-post-jquery/ ただ、jQueryMobile の section 動作においては GET, POST いずれでも
iScroll 4 – Matteo Spinelli's Cubiq.org
iScroll finally received a complete rewrite. Now it’s smoother than ever and adds some new important features: pinch/zoom, pull down to refresh, snap to elements and more custom events for a higher level of hackability. Download Screencast Live Demo GitHub Forum Project info Last code update: 2012.07.14 – v4.2 Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webk
jQuery Mobileのリスト表示で長い文字を折り返す - abachibi’s blog
リスト内の文字数が多い場合、iPhoneなど幅の表示幅の狭いデバイスでは全て表示しきれない事があります。 その場合末尾に「...」と表示されて、以降の文字が省略されるのですが、全ての文字を表示したい場合はCSSを記述して調整します。 以下は、折り返し前の状態のjQuery Mobileのページソースです。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title> 二郎系一覧 </title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
ひでぶろぐ。 jquerymobileのタブ
[PR] 今日のニュースは？？ : 2ch自動まとめキュレクス [PR] 名言や格言をどうぞ！ : 名言満載！ [PR] 副業したい？ : 出張ホスト募集中 [PR] SEO最高峰のクオリティー : 知る人ぞ知る、SEOUP.com。テラプレミアムアクトは抜群におすすめ！ [PR] 口コミ対策 : 口コミでSEO対策。なんとびっくり、1円からご利用頂けます。 [PR] 出張キャバクラアゲハ : ちょっとした飲み会のお供に。デートのお相手に。 jquerymobileはぐぐってもタブデザインがでてこない。 機能としてつけときゃいいのに。 で、以下オリジナル。 てきとーなヘッダにjsを追加 //jquery tabs $(function() { $('.tabclear a').click(function(){ $('.tabclear a').each(function(){ $(thi
はじめての jQuery Mobile 1.0 〜その3：リストビュー〜 - A Memorandum
] blog1.mammb.com からの続きです。 リストビュー jQuery Mobile にて最も多用されるウィジェットがリストビューになると思います。 jQuery Mobile は、HTML にて箇条書きのマークアップを行い、data-role="listview" 属性を追加するだけでネイティブアプリケーションと同等の表示効果が得られます。 簡素なリストビュー リストビューは、箇条書き項目に data-role="listview" 属性を追加するだけです。 <h3>List View</h3> <ul data-role="listview"> <li>France</li> <li>Germany</li> <li>Great Britain</li> <li>Finland</li> <li>United States</li> </ul> タップ可能なリスト 箇条書き項
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home - Mgallery-JQ