Question

我使用Worklight开发了一个网页，并为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>

common 文件夹中的

theJs.js ：

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

    alert('Common!');

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

android.skin 文件夹中的

theJs.js ：

$('#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文件。

Answer 1

您添加到环境中的平板电脑皮肤取决于同一环境的默认“皮肤”。

加载皮肤时，它还包含默认皮肤的Web资源，因此默认皮肤和平板电脑皮肤的CSS和JS一起存在，但只使用了平板电脑皮肤的代码（如果需要））。

skins training module中解释了这一点。

您是否看到了不同的现象？

Worklight加载普通和自定义皮肤文件夹？

1 个答案: