标签存档: jQuery

jQuery Mobile中的pageinit和pageshow事件

javascript jquery mobile一些事件的触发有些匪夷所思,幸好pageinit和pageshow事件的触发还是相当可靠。 在一个data-role=”page”页面装入后,pageinit和pageshow事件相继发生并且只发生一次,参考一些文档,在pageshow事件中可执行windows.scrollTo方法,然而,在windows.scrollTo方法执行时,前一个改变页面字体或执行其它操作的函数是否确定完成?jquery 或jqm中哪函数是异步执行的?这些给初学者带来了不小的困惑。

文本注入HTML页面后的格式化问题

javascript jquery mobile现在很多跨平台移动开发框架,本质是用html配合css页面,加上JavaScript功能嵌入在一个相对通用的移动本地应用框架里。开发者实际上在网页上开发,自然不需要考虑平台特性了。比如PhoneGap就是如此。甚至可以导入jQuery库以增强程序功能。若将一txt小说novel.txt,以jQuery的$.get方法注入html文件,那么文本的格式化需注意,因html对段首连续空格的解析不尽相同。本人在android 2.1中的浏览器上以此方式进行处理:

继续阅读 »

jQuery Mobile 1.1.0中CSS文件的解析错误

css jquery mobilejQuery Mobile是jQuery框架的移动版本,它基于HTML5,目标是设计出在所有智能手机,平板和桌面设备兼容的响应式页面或应用。虽然可在网络上直接引用jQuery Mobile的各种js和css文件。仍然有人认为本地加载给用户的体验更好。下载最新final版jQuery Mobile 1.1.0,将jquery.mobile-1.1.0.min.css加入工程,倒也正常。本人环境 Eclipse indigo,Android SDK 2.1。但是有次想打开该文件看看其中的样式,结果打开时,解析即出错,提示:

继续阅读 »

jQuery的ready事件

ready jquery onload终于下定决心花时间仔细看一下jQuery的东西了,脚本语言也不是那么简单的。jQuery的ready事件类似于网页body的onload事件,不同之处是onload在文档全部内容加载完才触发,而ready事件在DOM结构加载完成后就会触发,因此通常会早于body的onload事件。ready事件有点象C程序的main函数,是程序启动的入口。由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法

继续阅读 »

PhoneGap与jQuery Mobile的Splash屏幕

phonegap jquery splash有种看法认为对于移动设备用户,是非常讨厌splash屏幕的,其实我自己正是这样。但是对phonegap及jquery,css3,html5等结合作移动开发来说,由于性能一向都是个问题,所以在等待程序或页面装入的漫长时间里,splash屏幕对提高用户体验,反而会起到正面效果。被Adobe收编的Dreamwaver在5.5版本里能够集成PhoneGap框架,然后生成移动设备应用。可以看到,在生成的phonegap程序stub里,已经有了splash屏幕代码:

继续阅读 »

jQuery与jQuery Mobile

jquery mobile本以为jQuery Mobile就是jQuery的移动版,项目中要么使用jQuery,要么使用jQuery Mobile,二者之一即可。下午注意到某些项目似乎是混合使用的。真没有仔细研究过jQuery及其Mobile版中的每个代码文件的用途,想来某些jQuery中某些代码文件是能够与Mobile设备公用的吧。有个项目,用jquery 1.6.2与mobile版1.0.1开发,正常。将jquery从1.6.2升至最新版1.7.2后,出现些异常状况,只得换回1.6.2。

继续阅读 »