0

jquery themeroller でカスタム jquery テーマを作成してダウンロードしました。指示に従って、html ファイルの head 部分に次の行を含めました。css ファイルもサーバーに転送する必要がありますか? もしそうなら、それはすべてのファイルであるべきですか？

<meta name="viewport" charset="UTF-8" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="themes/MyCustomTheme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
4

2 に答える 2

1

何をすべきかを説明しますが、最初から行きましょう。jQuery Mobile 1.3.2 の観点から話します。古いバージョンでも同じロジックが機能します。jQuery Mobile を使用するには、次の 2 つのファイルが必要です (基本的な jQuery は数えません)。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" /> 
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"></script>

jQuery MobileCSSファイルは、テーマ ファイルと構造ファイルに分割することもでき、圧縮されたフレームワーク ファイルで見つけることができます。使用する必要がある従来のテーマに新しいテーマを追加する場合に既に知っていること

新しいテーマ (またはスウォッチ) を追加する場合はjquery.mobile.theme-1.3.2.css、ファイルを使用し、それをテーマ ビルダー ツールにインポートして、新しいテーマ/スウォッチを追加する必要があります。最小化されたテーマCSSファイルはここでは使用できません。圧縮されていない必要があります。

新しいテーマが完成すると、新しいテーマ ファイルを含む zip ファイルをダウンロードするように求められます。これで、新しいテーマを実装する準備が整いました。最初にダウンロードしたファイルを解凍し、どこかに保存します (特に後で変更する場合)。そこには、1 つHTMLのファイル、2 つの css ファイル、およびイメージ ディレクトリがあります。ファイルを選択してCSS(誰でもできますが、可能であれば縮小ファイルを使用してください)、サーバーにアップロードします。

HTML ファイルを開き、新しいCSSファイルへのリンク (サーバーを指すリンク) を追加し、元の CSS ファイルの後に追加します。新しいテーマには古いテーマも含まれているため、structure.css ファイルを使用する必要はありません。

しかし、これで終わりではありません。コメントから、ファイルは既にアップロードされていることがわかりますが、アクセスできません。サーバーが Linux/Unix ベースの場合、新しい CSS ファイルに新しいパーミッションを付与して、外部からアクセスできるようにする必要があります。

この行を使用して、正しいパーミッションを付与できます (これも Linux と Unix の場合です)。

sudo chmod 666 <filename>

作業例: http://jsfiddle.net/Gajotres/PMrDn/35/

最終的には、次のファイルのみが必要になります。

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
    <link rel="stylesheet" href="http://socialmedia.mobilevelocity.co.uk/CS408/MySocialStream.min.css" />
    <!--<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>-->
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"
于 2013-07-23T18:37:52.500 に答える