jquery モバイルでjquery fullcalendar プラグイン ( http://arshaw.com/fullcalendar/ ) を使用する場合、前月と翌月のボタン アイコンは、256 x 240 の長い画面の最初のアイコンである矢印の背景画像のみを表示します。 .png 画像ファイル。Firefox でページを更新すると、東と西の正しい矢印が表示されますが、背景、テーマなどを含む他のすべてのスタイルが失われます。更新は IE では機能しません。
私はこの比較的小さな問題に対する答えを高低で探しました。ここに原因があると思われます:
1. jquery ui と jquery モバイルの競合 (.js ファイルと .css ファイルの順序) -- すべての注文を試してみましたが、役に立ちませんでした。
2. モバイル ページで fullcalendar テーマを呼び出す (head タグの代わりにページ内で)
3. ホームから特定のモバイル ページへの移行の問題
4. ui-icon css クラスのピクセル サイズ (モバイルでは 16px x 16px よりも大きい必要がありますか?)
5. $(document).ready() 関数を使用した jquery ui のカスタム オーバーライドの必要性。
以下の私の含まれているファイルのヘッドコードを見てください：
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar/fullcalendar.css'>
<link rel='stylesheet' type='text/css' href='../fullcalendar/demos/cupertino/thememobile.css'>
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar/fullcalendar.print.css' media='print'>
<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />
<script src="jquery-1.6.4.min.js"></script>
<script src="jquery.mobile-1.0.1.min.js"></script>
<script type='text/javascript' src='../fullcalendar/jquery/jquery-ui-1.8.17.custom.min.js'></script>
<script type='text/javascript' src='../fullcalendar/jquery/jquery-1.7.1.min.js'></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar/jquery.qtip-1.0.0-rc3.min.js'></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar/calendareventsmobile.js'></script>
回答または回答のブレーンストーミングは非常に役立ちます。
前もって感謝します！