jquery mobile开发手机webapp页面

最新推荐文章于 2020-06-10 11:05:07 发布

VIP文章轻松的山岭

最新推荐文章于 2020-06-10 11:05:07 发布

阅读量3.3k

点赞数 1

分类专栏： web前端 jquery 文章标签： jquery jquery mobile web app

本文链接：https://blog.csdn.net/z21102/article/details/51742806

版权

去年的项目拿来和大家分享一下，总结一下前一段时间的工作。

直入主题，我们要做的是一个discuz下网站的webapp开发。主要功能是实现手机图片的上传，添加配文和博客排序功能。整个应用分为首页，图片上传页，编辑页，我的页。我的页面里面有草稿箱，我的关注和我的收藏等功能。我要主要介绍的是jquery mobile在项目中的应用和上传插件，排序插件的应用。

jquery mobile需要引入

    <link rel="stylesheet" href="./template/default/blog/jqmobile/jquery.mobile-1.4.2.min.css">
    <script type="text/javascript" src="./template/default/blog/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="./template/default/blog/js/slide.js"></script>
    <script type="text/javascript" src="./template/default/blog/jqmobile/jquery.mobile-1.4.2.min.js"></script>

这里应该注意，引入jquerymobile的js文件之前一定要引用jquery文件。否则mobile无法运行。mobile编辑时候最外面的div是被定义为data-role=pa