0

Worklight を使用して Web を開発し、Android タブレット用の スキンを作成していますandroid.skin。

ただし、シミュレーターとコンソールの両方でタブレット html をテストすると、html は正しく読み込まれますが、両方のフォルダー (commonとandroid.skin) から js ファイルが読み込まれます。

android.skinタブレットで実行しているときにのみロードする方法は?

これが私のコードです：

HTML:

<div data-role="page" id="homePage">
    <div data-role="content">
        <div style="width:300px">
            <a href="#" data-role="button" id="login" class="fullWidth">Log In</a>
        </div>
    </div>

    <script src="js/theJs.js" type="text/javascript" charset="utf-8"></script>
</div>

フォルダー内のtheJs.jscommon :

$('#login').click(function(e){
    e.preventDefault();
    e.stopImmediatePropagation();

    alert('Common!');

    jq.mobile.changePage("nextPage.html", { transition: animation, changeHash: true });
});

フォルダー内のtheJs.jsandroid.skin :

$('#login').click(function(e){
    e.preventDefault();
    e.stopImmediatePropagation();

    alert('Android.skin!');

    jq.mobile.changePage("nextPage.html", { transition: animation, changeHash: true });
});

nextPage.html :

<div data-role="page">
    <script src="js/nextPage.js"></script>
</div>

アプリを実行すると、アラートcommonとandroid.skinフォルダーの両方がポップアップ表示されます。私が欲しいのは、タブレットでいくつかの異なるレイアウトを設計したいので、html、js、および css のコンテンツも異なる必要があるためです。

アップデート：

両方の .js ファイルからコードをロードするだけでなく、.css ファイルもロードしているようです。

4

1 に答える 1

0

環境に追加したタブレット スキンは、同じ環境のデフォルトの「スキン」に依存しています。

スキンをロードすると、デフォルト スキンの Web リソースも含まれるため、デフォルト スキンとタブレット スキンの両方の CSS と JS が一緒に存在しますが、タブレット スキンのコードのみが使用されます (必要な場合)。

これについては、スキン トレーニング モジュールで説明されています。

違う現象が見えますか？

于 2013-06-03T06:25:34.903 に答える