ファイルダウンロードでエラー「Resource interpreted as Document but transferred with MIME type application/zip」 - メモ置き場
ファイルをダウンロードさせるリンクを用意して、試しに踏んでみたら「undefined」とだけ表示され、ファイルがダウンロードされない、という問題があった。 developer consoleには以下のようなエラーがでる。 Resource interpreted as Document but transferred with MIME type application/zip ちょっと調べたらjQuery mobileを使っていた、というのがオチだった。 jQuery mobileは使ったことがなかったのだけど、jQuery mobileを使用しているページでは、anchorタグを踏むとajaxでコンテンツを取得してdata-role=pageの部分だけを描画するようになってるらしく、ファイルをダウンロードさせるようなリンクだとおかしなことになる。 もちろんajaxでファイルを取得しない
jQuery Mobile ページイベントの種類・発生タイミングと利用例 | Web Tips
公開日：2014年10月26日 最終更新日：2014年11月9日 ページロード時や遷移時に発生するページイベントは、jQuery Mobile のイベントの中で最も重要です。種類も多くバージョンによって頻繁に仕様が変わるので理解するのがたいへんですが、現時点での種類と発生タイミングを整理してみます。 «次の特集記事» jQuery Mobile サイト全体の動作を規定するグローバル設定 «前の特集記事» jQuery Mobile イベントの概要とイベントリスト 【コンテンツ】 ページイベントの概要 非推奨になったイベントと今後利用が望ましいイベント ページロード時/遷移時/リターン時/エラー時でのイベント発生順序 ページイベントを利用した処理の記述例 【記事執筆時の環境】 jQuery Mobile 1.4.4/1.4.5 ページイベントの概要 ページを最初にロードしたときやページ遷移の
はじめての jQuery Mobile 1.0 〜その2：ページ遷移〜 - A Memorandum
blog1.mammb.com からの続きです。 ページ遷移時のイベント jQuery Mobile では、1つのHTMLファイルに複数のページビューを定義できます。外部ページも非同期リクエストにて取得したページビューを、既存の DOM に挿入することでページ遷移を実現します。 これによりページ遷移の度にサーバへのリクエストを行うこと無く、通信帯域の制限されたモバイル環境においてスムーズなページ遷移を可能にしています。 このような特徴があるため、jQuery Mobile では $(document).ready() といった、ページロード時のイベントと、ページ遷移(表示)時のイベントを区別して扱う必要があります。 ページの初期化には pageinit イベントを使う ディスクトップ向けに jQuery を利用する場合は、$(document).ready() にて DOM の読み込み完了
jQueryMobileでは$(function(){});ではなくpageinitとpageshowを使い分けるべき
こんにちは。 jQueryMobileの1.2でwebアプリの開発を行なっているときに、 独自のJavaScriptを書く必要があったので、jQueryのように という風に書けばいいのかと思ったら、見事にハマったので対応策をメモします。 jQueryMobileのページ初期化について ページ初期化以外の説明についてはこのエントリでは省略します。 重要：$(document).ready()ではなく pageinit() を使う jQueryを学んで最初に覚えることは、コードを $(document).ready() に記述することでしょう。 DOMが読み込まれ使用可能になると、この関数は真っ先に呼ばれます。しかしながらjQuery Mobileにおいては、Ajaxによって各ページが読み込まれてコンテンツがDOMに追加されます。 そのため、DOMの ready ハンドラはサイトの最初のページ
jQuery Mobileで提供されているページ系イベントについてのまとメモ
jQuery Mobileで設定できるイベントについて jQuery Mobileではモバイル端末向けに色々なイベントが追加されています． tap, taphold, swipe, swipleft, swiprightなどのイベントもありますが，今回はjQuery Mobileのページが切り替わったり読み込まれたりするときに配信されるページ系イベントについて紹介します． いま気がつきましたけど、swipleftとswiperightはiOSらしいおお振りなジェスチャに対応したインタラクションを作れそうでいいですね。 bindするとき こんな感じで，各イベントの動作をbindします．基本的には、documentに直接bindして、event.targetから絞り込めばいいかなと思っています。 $(document).bind('イベント名', function(event) { // ev
jQuery Mobileでページ内アンカーと外部からのアンカー
ほとんど触ったことのない『jQuery Mobile』ですが、少し触る機会がありました。 ハッシュタグを使ったアンカーで、通常はハッシュタグで指定の箇所へページ内アンカーとして動くのですが、jQuery Mobileは仕様上、ハッシュでのアンカーは効かないようです。 ページ内でアンカーを有効にするには、data-ajax属性に「false」を指定すると通常のページ遷移を行なうらしいです。これだけでOK。 <a href="http://suzuboss.info/" data-ajax="false">suzuboss.info</a> ここまでは良かったのだけど、別ページに飛ぶアンカーの場合に、一瞬目的の場所へいくものの、すぐにページトップへ行ってしまう。別ページにしちゃえばいいんだけど、そうもいきませんでした。。。 http://suzuboss.info/sample.html#ho
rel=”external” | jQuery Mobile リファレンス
a要素にrel属性「external」を指定するとjQuery MobileはAjaxによるページ遷移ではなく、通常のページ遷移を行ないます。 <a href="/jquery/" rel="external">jQueryリファレンス</a> rel属性「external」は外部リンクを対して利用します。内部リンクに対して利用する場合はdata-ajax属性「false」を利用しましょう。 異なるドメインの場合は自動的に通常のページ遷移になるので、rel属性「external」を利用するのは同一ドメインで別サイトの場合になるでしょう。 $.mobile.pushStateEnabledに「false」を指定しておくと標準でAjax機能をOFFにできます。 登録日 : 2012年09月18日 最終更新日 : 2016年12月19日 同じカテゴリー(リンク)のエントリー data-rel=”
jQuery Mobileによる別ファイルへのリンク: JavaScriptメモ
jQuery Mobileでは別ファイルへのリンクはAjaxで取得してページ内リンクとして処理して遷移します。 <a href="index2.html">index2.htmlへ移動</a> その際に通常のリンクと同じくdata-transition属性でアニメーションを指定することも可能です。 <a href="index2.html" data-transition="slide">index2.htmlへ移動</a> ただ、alpha4.1では遷移先のhtmlファイルの特定のページにアクセスすることはできない。 つまり、次のような指定はできないということです。 <a href="index2.html#page2">index2.html#page2へ移動</a> このように指定したい場合はAjax機能をOFFにする必要があります。Ajax機能をOFFにする方法としてはrel属性に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
