jquerymobile 终于出了alpha版本了!

 下载,演示链接http://jquerymobile.com/

第一时间迫不及待的下载回来,大概一看很不错。虽然forum上反映bug不少,但考虑到是第一个alpha版本,且其对移动平台的支持范围非常广泛,应该是可以接受的。(还有一个关键是,我这对jquery的语法,实在是太喜欢了)。

在写第一个helloworld的时候,还有一个小插曲,我想写一个带图标的button,怎么都不成功。后来发现原来是jquery版本的问题,我用的是官网首页的1.4.2版本,而jquery mobile发布使用的是1.4.3版本。换成高版本,可爱的小图标就出来了

二话不说,下面试试 phonegap+jquerymobile的web form格式的应用程序

 

<!DOCTYPE html> 

<html>

  <head>

<link rel="stylesheet" href="css/jquery.mobile-1.0a1.min.css" />

<script type="text/javascript" charset="utf-8" src=\'#\'" /phonegap.js"></script>

<script src=\'#\'" /jquery-1.4.3.min.js"></script>

<script src=\'#\'" /jquery.mobile-1.0a1.min.js"></script> 

  </head>

  <body>

<div data-role="page"> 

<a href="#" id="del" data-role="button" data-icon="delete">Delete</a>

</div>

<script>

$('#del').click(function() {

alert('del called.');

});

</script>

  </body>

</html>

2.2 android模拟器上运行效果如图

 

 

 

界面很丑,哈哈,不过稍微改下html的元素,就可以变得非常炫了,而这是不需要改程序逻辑代码的,更何况,是跨平台的,主流移动平台都可以run。很 cool!

 

你可能感兴趣的:(UI,职场,休闲)