摘要:
前几天被phonegap中menubutton事件搞得头破血流,很简单的一段代码,但是点击菜单按钮一直不起作用。于是在QQ群,博客园,csdn各处发帖询问,最终没有人能解答,今天终于成功了,郁闷了这么多天,发个博客记录一下,同时希望能给遇见这种问题的朋友们提示一下。以下是我的很简单的代码:<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="target-densityDpi=devi 阅读全文
随笔档案-2011年11月
js弹出层居中可移动修正版
2011-11-17 16:44 by 呦菜, 1482 阅读, 收藏,
摘要:
很久以前写过一遍文章js弹出层居中可移动出现的问题比较多,最重要的一个是在第二次弹出层关闭之后,后面的置灰背景还是存在。今天偶然想起来,于是修正了,出现这个问题的主要原因是上一次在点击关闭按钮之后没有将置灰层删除,而是隐藏了。以下是修正后的代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML><HEAD><TI 阅读全文
一段touch代码在使用bind之后所犯的错误
2011-11-14 11:56 by 呦菜, 638 阅读, 收藏,
摘要:
这段代码的主要功能是在Android手机上触屏之后会产生一个红色的小区域,然后能根据手指进行拖拽,源代码在touch事件的小例子一文中,原来是addEventListener方法,后来因为需要使用bind,所以在修改过程中出现了诸多问题,以下是正确代码:<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" 阅读全文
touch事件的小例子
2011-11-03 14:06 by 呦菜, 925 阅读, 收藏,
摘要:
<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>jQuery Mobile Web 应用程序</title><script src="jquery-mobile/jquery-1.5.min.js" type="text 阅读全文
手机前端之jquery Mobile学习——swipe
2011-11-01 17:17 by 呦菜, 3518 阅读, 收藏,
摘要:
这是经常会在Android手机上出现的一个动作,那就是手指划过屏幕的时候执行动作。手机上使用到的事件,可以使用live()和bind()来绑定。swipe 在一秒钟的间隔内水平方向上拖动30px以上会触发该事件,(水平方向上拖动要保持在20px以内,否则不会触发).swipeleft 在左边方向移动时触发该事件.swiperight 在右边方向移动时触发该事件.下面的代码以swipeleft为例:<!DOCTYPE html> <html><head><meta charset="utf-8"><title>jQu 阅读全文
手机前端之jquery Mobile学习——表单元素
2011-11-01 14:31 by 呦菜, 2120 阅读, 收藏,
摘要:
jQuery Mobile会自动替换标准的HTML表单元素,例如文本框,复选框,列表框。以这种自定义的样式工作在触摸设备上的表单元素,易用性更强。例如,复选框将会变得很大,易于点选。点击下拉列表时,将会弹出一组大按钮列表选项,提供给用户选择。该框架支持新的HTML5元素,例如search和range。另外你可以利用列表框并添加data-role=”slider”并添加两个option选项,创建不错的”打开/关闭”开关,另外一个不错的特点是组合单选框和组合复选框,可以利用fieldset元素添加属性data-role=”controlgroup”来创建一组单选按钮或复选框,jQuery Mobi 阅读全文
浙公网安备 33010602011771号