
jQuery Mobile
我是高手高手高高手
这个作者很懒,什么都没留下…
展开
-
jQuery Mobile Data 属性
Query Data 属性jQuery Mobile 使用 HTML5 data-* 属性为移动设备创建“对触摸友好的”美观的外观。在下面的参考列表中,粗体值规定默认值。Button带有 data-role="button" 的超链接。工具栏中的按钮元素和链接以及输入字段会被自动设置按钮的样式,无需 data-role="button"。转载 2016-11-09 16:47:56 · 1049 阅读 · 1 评论 -
Jquery 获取单选、多选(radio、checkbox)选中值
test.html $(document).ready(function(){ $("button").click(function(){ var r = $("input[name='radio_button']:checked").val(); alert(r); $("#result").text(r);转载 2016-11-23 15:30:17 · 6252 阅读 · 0 评论 -
关于jQuery Mobile页面跳转后网页不刷新问题
$.mobile.changePage("03.php"); //手机网页式跳转转跳后,网页CSS,JS事件都没有反应,要刷新一次网页行有用$.mobile.changePage这种方式,原理是ajax跳转。听起来很神秘,其实就是通过ajax动态的把目标页面的内容加载到当前的dom中。当多页面跳转的时候,通过ajax跳转,就存在ajax跨域的问题。所以解决 目前的问题,其实原创 2016-12-27 16:52:05 · 4360 阅读 · 0 评论 -
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
jQuery Mobile页面跳转后未加载外部JS原因分析及解决在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),pageB上面的JS事件都没有起到作用,在pageB中引用的JS并未成功运行。因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。因此,在中引入的外部JS文件,以及标签外的原创 2016-12-26 18:56:17 · 1072 阅读 · 0 评论 -
php jquery ajax 多级联动菜单
目前只做了三级,要四、五级的,要自己修改index.php代码<?php include("sunland_config.php");?>AJAX Demo // setTimeout('showLoader()', 100);//这里要延迟一下,直接调用无法显示加载器 //显示加载器.for jQuery Mobile 1.2.原创 2016-11-25 16:43:23 · 2396 阅读 · 0 评论 -
jQuery验证控件jquery.validate.js使用说明+中文API
官网地址:http://bassistance.de/jQuery-plugins/jquery-plugin-validationjQuery plugin: Validation 使用说明 转载自:http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库JavaScript"> 二、默认校验规则转载 2016-11-24 16:06:21 · 976 阅读 · 0 评论 -
jquery.validate.js使用之自定义表单验证规则
jquery.validate.js使用之自定义表单验证规则,下面列出了一些常用的验证法规则jquery.validate.js演示查看 jquery validate强大的jquery表单验证插件 http://www.51xuediannao.com/js/jquery/jquery_validate/==========================================转载 2016-11-24 15:00:45 · 2548 阅读 · 0 评论 -
注册网页完整案例(jQuery Mobile、validate表单验证、ajax或post、php)
jquery.validate表单验证完整案例功能一:用户名检查是否存在(ajax、php方法取得)功能二:自定义验证 1、字符串检查:只能包括中文字、英文字母、数字和下划线; 2、简单两数字相加的验证码验证index.php代码<?php //验证码 PHP获取随原创 2016-11-16 15:23:05 · 7660 阅读 · 1 评论 -
jquery 获取单选按钮的值
test.html $(function() { $("input[name='radio_button']").click(function(){ //alert("d"); $("#result").text($(this).val());//获取值 });}); <input type="radio转载 2016-11-22 18:45:05 · 840 阅读 · 0 评论 -
LCalendar v1.71移动端日期时间选择控件
LCalendar v1.71移动端日期时间选择控件纯原生js的移动端日期插件,不依赖任何库,体积非常小只有10k用法在html页面中引入input标签,通过自定义属性data-lcalendar控制最小日期和最大日期,写法如下:......将样式文件引入到页面中:......同时引入js文件到页面中:......初转载 2016-11-22 11:57:38 · 9460 阅读 · 4 评论 -
HTML5手机三级联动城市选择代码
效果浏览:http://sc.chinaz.com/jiaoben/160906099390.htm要在GOOGLE浏览器下的手机模拟器中才能看到效果官方:https://github.com/xfhxbb/LArea纯原生js的移动端城市选择插件,不依赖任何库在html页面中引入input标签,写法如下:......将样式文件引入到页面中:转载 2016-11-22 11:54:56 · 21902 阅读 · 2 评论 -
jquery setTimeout()几秒钟后跳转网页
JS 停留几秒钟后跳转网页原创 2016-11-15 11:10:53 · 32896 阅读 · 0 评论 -
关于jQuery 提示$ is not defined错误分析及解决
$ is not defined这种提示想必在调试时经常会遇到吧,经过搜索查询了一下结果是引入Jquery的顺序不对,把错误提到的语句或函数提到最前面试试改过来就可以了,有此问题的朋友可以参考下哈转载 2016-11-18 18:16:26 · 34821 阅读 · 2 评论 -
jquery mobile在页面加载时添加加载中效果
验证加载顺序 setTimeout('showLoader()', 100);//这里要延迟一下,直接调用无法显示加载器 //显示加载器.for jQuery Mobile 1.2.0 function showLoader() { $.mobile.loading('show'转载 2016-11-18 14:39:33 · 4423 阅读 · 0 评论 -
jquery mobile 表单post无法提交数据问题
jquery mobile进行一个网站开发过程中,遇到了form post方式无法取值的情况,解决方法为在form表单加上data-ajax="false",原因是jquery mobile默认使用ajax进行数据提交。转载 2016-11-15 10:19:05 · 3017 阅读 · 1 评论 -
注册实例:JQuery ajax json php接收并返回值,根据设定值判断注册是否成功
思路:PHP注册成功后,给一个变量值,并把这个变量值返回到注册HTML网页,让JS判断是否等于设定的值,如果等于就是注册成功html代码: ajaxTest 注册 $(function(){ $('#sub').click(function(){ var username=$('#username')原创 2016-11-18 12:36:25 · 2683 阅读 · 0 评论 -
jquery 打开网页自动弹出遮罩层或点击弹出遮罩层
弹出层:两种方式,一是打开网页就自动弹出层二是点击弹出jQuery简便实现遮罩层--柯乐义body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; } #main { height:1800px; padding-top:90px; text-align:center原创 2016-11-29 23:35:22 · 11075 阅读 · 6 评论 -
html5 如何打包成app(apk)
4、这里介绍两种打包方式: 4.1、PhoneGap Build Service 打包。 4.2、android SDK +eclispe 打包。1、需要下载安装MyEclipse2014,Android SDK,eclipse(需配置Android开发环境)Java和Android环境安装与配置。2、打开MyEclipse2014,新建一个HT转载 2016-11-14 13:29:39 · 26519 阅读 · 1 评论 -
jquery+ajax+mysql+php上拉加载瀑布流效果或者jquery+ajax+mysql+php滚动条向下滚动瀑布流效果加载
index.html代码:jquery+ajax+msql+php上拉加载或者jquery+ajax+msql+php滚动条向下滚动加载body{ width:100%; height:auto; margin:0; padding:0;}#main{ width:100%; margin:0 auto; height:auto; text-alig转载 2017-08-16 14:13:33 · 586 阅读 · 2 评论