0

JQuery Mobile サイトの場合、ページ ナビゲーションに読み込む新しい画像が必要です。画像はホーム画面にのみ表示されます。

たとえば、上部のバナーとして image_A.png を持つ m.smellyeggs.com をロードします。メニュー項目 1 を選択し、[戻る] を押すと、image_B.jpg がトップ バナーとして表示されます。

Cookieを使用して動作させることができました。潜在的な画像の配列を取得し、Cookie を使用して配列を走査します。これはページのリロード時に機能しますが、ページのキャッシュ ロード (例: href="/" またはモバイルまたはブラウザでの「戻る」の使用) は JavaScript を呼び出しません。したがって、画像は実際には交互になりません。

var images = new Array(); 
<% banner_mobile_uris( controller.conference ).each do |url| %>
  images.push( "<%= url %>" );
<% end %>

inc_banner_cookie();
load_banner();

これを修正するために、次のコードを使用して画像を削除し、ホームページが読み込まれるたびに画像を強制的に更新します。

$( 'a' ).live( 'click', function( ev ){
  var banner = $('#m_banner').load(htm_file);
  banner.empty().remove();
});

このコードは、発生する後続のページ ナビゲーションから「戻る」ボタンを削除します。

まあ、それは受け入れられません!より良いアプローチに関するアドバイスはありますか?絶対に必要でない限り、独自の「戻る」ボタンを実装したくありません。

読んでくれてありがとう(そしてうまくいけば助けてくれる)。

4

1 に答える 1