jquery移动几个问题,滚动出界,启动画面和访问过的链接

时间:2011-05-25 10:13:17

标签: cordova jquery-mobile jqtouch

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

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

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

-----结束了------------------

  1. 您可以按住页眉栏或页脚栏并向上或向下滚动到最佳描述为(在应用程序后面)如何阻止用户滚动出界。

  2. 我有一个启动/加载屏幕,这首先在应用程序启动时加载很好,但随后它的大小增加,我看到加载屏幕的一个爆炸角落,然后最终应用程序进入视图。 ...请咨询

  3. 感谢

2 个答案:

答案 0 :(得分:1)

我有1的答案。

jquery mobile的css代码目前已针对alpha 4.1进行了破解。单击列表项后,单击它后会保持蓝色。除了打开firebug,或者使用开发工具并查找类并将其从css文件中删除之外,别无所求。

我已将此问题告知了他们,我相信其他人也有。因此,未来版本将有望纠正它。

答案 1 :(得分:1)

关于你的#1问题......

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

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


---- ---- EDIT

其余两个问题:

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

< meta name =“viewport”content =“height = device-height,width = device-width,initial-scale = 1.0,maximum-scale = 1.0”>

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

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

super.setIntegerProperty(“splashscreen”,R.drawable.splash);

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

注意:我使用的是Phonegap 0.9.5.1,但这适用于0.9.2及以上的任何内容。

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