【问题标题】:jquery mobile couple of issues, scoll out of bounds, splash screen and visited linksjquery mobile几个问题,scoll越界,闪屏和访问过的链接
【发布时间】:2011-05-25 10:13:17
【问题描述】:

我已经使用 jquery mobile 创建了一个移动网站以进入一个 phonegap 项目,但我有几个问题可能更有经验的用户可以为我解决:

----------- 已解决 -------------

  1. 我没有应用任何主题,但是当我单击列表项项目时,栏 永远保持蓝色(就像访问过的 状态永远不会发生)[应该只是 有一个活跃和过度的状态]

----- 已解决 ------

  1. 您可以按住页眉栏或页脚栏并向上或向下滚动到最好描述的内容(在应用程序后面)如何阻止用户滚动超出范围。

  2. 我有一个启动/加载屏幕,最初在应用程序启动时加载效果很好,但随后它的大小增加了,我看到加载屏幕的一角被炸毁,最后应用程序进入视图。 ...请指教

谢谢

【问题讨论】:

  • 如果您将这些问题放在单独的问题中,将来您可能会得到更好的答案。如果你可以给它们编号,它们是不同的问题。只是一个更好的结果的建议。

标签: cordova jquery-mobile jqtouch


【解决方案1】:

我有 1 的答案。

jquery mobile 的 css 代码目前在 alpha 4.1 中已损坏。单击列表项后,它会保持蓝色。除了打开 firebug 或 chromes 开发者工具并找到该类并将其从 css 文件中删除之外,别无他法。

我已将此问题通知他们,我相信其他人也已通知他们。所以未来的版本希望能更正它。

【讨论】:

【解决方案2】:

至于你的第一个问题......

$('a').live('click',function() {$(this).removeClass( $.mobile.activeBtnClass )});
$('li').live('click',function() {$(this).removeClass( $.mobile.activeBtnClass )});

我注意到在我的网站上,链接(我正在使用 data-role="button" 制作按钮)和列表项在按下后会保持蓝色。上面的代码在将它放在文档的头部后为我消除了这个问题。


----编辑----

对于剩下的两个问题:

一些示例代码和目标设备一样好,但听起来像是视口元标记问题。这是我确定的视口:

此视口将页面大小调整为设备屏幕的宽度和高度,并且不允许缩放。您可以通过将“maximum-scale=1.0”更改为更大的值来允许缩放(iPhone/Safari 目前最高支持 10.0)。

至于启动画面,Xcode 4.0.2(iPhone 开发)可以轻松地将 Default.png 文件放入 /Resources/splash/ 目录。如果您使用 Xcode,请确保在创建项目时使用 Phonegap 项目向导,因为 Phonegap 默认生成这些文件,使您可以轻松替换图像。我将 Eclipes 用于我的 Android 开发,这也很容易为您的 Phonegap 应用程序添加启动屏幕。只需将以下代码直接放在“onCreate”函数之后和“super.onCreate(savedInstanceState);”之前的 /src/App.java 文件中行:

super.setIntegerProperty("splashscreen", R.drawable.splash);

这需要在 /res/drawable-*dpi 目录(通常有 hdpi、mdpi 和 ldpi 目录)中放置一个名为 splash.png 的图像(我认为任何文件扩展名都可以)。

注意:我使用的是 Phonegap 0.9.5.1,但这应该适用于 0.9.2 及更高版本。

----结束编辑----


【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-07
    • 2012-11-04
    相关资源
    最近更新 更多