我使用 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
我想要的是,因为我想在tablet中设计一些不同的布局,所以html、js和css上的内容也必须不同。
更新:
似乎它不仅从 .js 文件加载代码,还从 .css 文件加载代码。