Jquery Mobile的表单提交方式

时间:2021-11-11 20:36:32

    因为之前没用过Jquery Mobile,因此被一个问题难住了,原因是表单提交后的页面样式不对,我一看发现居然继承了上个页面的css样式,查了半天也没查出个所以然,于是乎改了另外一种方式提交,用js的form.submit()方式提交,发现居然好了,但留着疑问总不好啊,于是去请教Alvinte,最后终于解决鸟!下面是jquery官方的说明。

Jquery Mobile会自动通过ajax处理表单的提交,并在表单页面和结果页面之间创建一个平滑的转场效果。注意请在form元素上正确设定action 和method属性,保证表单的提交。如果没有指定,提交方法默认为get,action默认为当前页的相对路径(通过$.mobile.path.get()方法取得 表单也可以像链接一样指定转场效果的属性,比如data-transition="pop",和data-direction="reverse".如果不希望通过ajax提交表单,可以在全局事件禁用ajax,或给form设定 data-ajax="false" 属性。target 属性也可以在form上设置,表单提交时默认为浏览器的打开规则。。而与链接不同,rel 属性不可以在form上设 很显然,我没有设置data-ajax="false" ,因此默认使用ajax提交,自然上个页面的样式还有效了。