-
-
第八讲 Jquery Mobile中 流式布局,网格布局 以及响应式布局
学习要点:1. 固定布局,流式布局2. 网格布局3. 响应式布局
响应式,以及,网格,布局,第八2015-11-2488
-
-
-
-
106
[ERR:(RemoveHtmlTag)标签缺少参数],220)/}
实现,市场,左右,滑动,应用106
$.ui.loadContent("#main",false,false,"up"); $.ui.loadContent("#main");
2. Jqmobi 中向右转场实现 找到ui/transitions/ slide.js 修改 使用方法 注意大小写 a连接使用方法
SlideRight
Js使用方法 $.ui.loadContent("#bangdan_panel", false, true, "slideright"); 3. jqmobi 应用市场app实现左右滑动 //榜单 $('#bangdan_list').bind("swipeLeft", function() { $.ui.loadContent("#fenlei_panel", false, false, "slide"); }) $('#bangdan_list').bind("swipeRight", function() { $.ui.loadContent("#tuijian_panel", false, true, "slideright"); });
106
说明 jqMobi!=JqueryMobile什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极其快速的查询选择库,支持W3C查询。版本:jqMobi源码最初在2012年1月份推出,基于MIT/X11许可证,托管在GitHub上,开发者可以参与并通过插件不断改进该框架。2012年3月13日,jqMobi 1.0版本正式发布。现在最新的版本jqMobi 2.0jqMobi特
基础,教程,视频,知识,第一81
学习要点:1. Jqmobi2.1中引入框架js 以及框架的css2. Jqmobi2.1中使用jquery3. jqmobi 修改默认皮肤 2015-08-05
87
<Application > <Events> <Property event="ready"> <![CDATA[ var baseForm = $("#form").appForm(); ]]> </Property> </Events> <Functions> <Property name="initLoad"> <![CDATA[ console.log("init Load success!!"); ]]> </Property> </Functions> <Panel id="custormApply_Panel" load="initLoad" > <![CDATA[ <header > <div class="top_header"> <a id="backButton" class="button" onclick="$.ui.goBack()" style="visibility: visible;">返回</a> </div> </header> <form id="form" title="自定义审批" service="" method="" > <text id="content" text="申请内容" required="true" maxLength="140" ></text> <text id="cash" text="申请数额" type="money" required="true" ></text> <text id="resaon" text="审批原因" type="money" required="true" ></text> <date id="time" text="申请时间" type="datetime" required="true" ></date> <date id="date" text="申请日期" type="date" required="true" ></date> <select id="flow" text="审批流程" required="true"> <option value="1">系统工作流</option> <option value="2">自定义工作流</option> <option value="3">第三方工作流</option> </select> <textarea id="remark" text="审批备注" ></textarea> </form> <div class="app_toolbar"> <input type="button" id="successResult" value="通过"/> <input type="button" id="backResult" value="驳回"/> </div> ]]> </Panel> </Application> 然后主页面调用方法 加载XML 并创建PANEL /** * loader *@param url {string} 请求地址 *@param param {object} 参数对象 *@param callback {function} 回调函数 */ loader: function(url
创建,分享,动态,205
var options = new FileUploadOptions(); options.fileKey = "fileAddPic";//用于设置参数,对应form表单里控件的name属性,这是关键,废了一天时间,完全是因为这里,这里的参数名字,和表单提交的form对应 var imagefilename = Number(new Date())+".jpg"; options.fileName=imagefilename; //options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1); //如果是图片格式,就用image/jpeg,其他文件格式上官网查API options.mimeType = "image/jpeg"; options.mimeType = "multipart/form-data";//这两个参数修改了,后台就跟普通表单页面post上传一样 enctype="multipart/form-data" //这里的uri根据自己的需求设定,是一个接收上传图片的地址 var uri = encodeURI("http://server.com/aaa.svc/PostWithImageData/"); //alert(imageURI); //alert(uri); options.chunkedMode = false; var params = new Object(); params.fileAddPic = imageURI; options.params = params; var ft = new FileTransfer(); ft.upload(imageURI
图片,上传,80
1.使用官方提供的$.ui.disableSideMenu(); 只有母个panel不想要左侧导航的时候还有一种比较笨的解决办法 就是给这个panel在加上一个 左侧导航 然后宽度设置为 0
导航,如何,左侧,禁用,74
jqMobi Ui jqMobi 插件 jqMobi快速入门(5) 本讲主要讲解 Jqmobi里面的滚动以及 上拉下拉更新数据 2013-12-18
102