技术开发 频道

JQuery Mobile实现手机新闻浏览器(2)

  Web项目的结构

  最后,我们简单介绍下web项目的结构,详细的请参考附件。

  项目根目录下包含 index.html and bridge.php.

  css-js下包含了所有的css和Javascript文件,如下

    jquery-1.4.4.min.js, jquery.mobile-1.0a2.min.js,jquery.mobile-1.0a2.min.css
    这些都是jQuery Mobile的文件

    jquery.ba-dotimeout.js 为 jquery-dotimeout-plugin 库文件.

    jquery.dst.js 为 DST.js plugin 库文件.

  news\img\wait.gif 为等待图标,最后,记得引用这些Javascript代码库,如下:

<link rel="stylesheet" href="css-js/jquery.mobile-1.0a2.min.css" />  
<script src="css-js/jquery-1.4.4.min.js"></script>  
<script src="css-js/jquery.mobile-1.0a2.min.js"></script>  
<script src="css-js/jquery.ba-dotimeout.js"></script>  
<script src="css-js/jquery.dst.js"></script>  

   小结

  在本文中,介绍了如何使用jQuery Mobile去实现一个web版本的新闻阅读器,其中讲解了jQuery Mobile及jquery-dotimeout插件,jquery.dst插件的使用,在下一篇教程中,将详细讲解如何将已经实现的web应用迁移到android上去。

0
相关文章