次の問題に直面しています: ThemeRollerを使用してカスタム テーマをビューに適用したいと考えています。しかし、それらを使用するとすぐに、インターフェースが台無しになります。下の写真を参照してください。
ThemeRoller なし:
ThemeRoller を使用:
ThemeRoller を使用すると、次のように更新されます。
同じことが私のナビゲーションメニューにも当てはまります: これから:
これに：
彼らの側で説明されているように、私は ThemeRoller を使用しました。jQuery バージョン 1.0.1 に一致する ThemeRoller の正しいバージョンを使用しています。ファイルを正しい順序でインポートしました：
<link rel="stylesheet" href="~/Themes/CustomTheme2.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
情報が不足している場合は、コメントを残してください。提供します！
前もって感謝します！
EDIT_1:
ThemeRoller からの指示:
テーマを使用するには、次のように jquery.mobile.structure ファイルの前にページのヘッドに追加します。
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile page</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/themes/my-custom-theme.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>