html5

jquery mobile页面显示为空白及google广告不显示

星期一, 十二月 16th, 2013 | ajax, html5, 读书 | 没有评论

经查为Stuck in “ui-mobile-rendering” – page not displayed in jQuery Mobile

解决方法：

To resolve, include into html code the attribute, data-role=”page”.

<div data-role="page">
      <p> ooxx,ooxx</p>
</div>

and then jquery-mobile will remove the class “ui-mobile-rendering”

二：google在ajax请求中不显示
解决:

 $("#readooxx").hide();
 $("#readooxx").show();

顺便做下在线书籍阅读的地址：http://www.i5a5.com/iab/,在线阅读书籍，登录可以保存阅读进度

Tags: ,

Sublime text 2 GBK编码插件－ConvertToUTF8 可以查看非UTF-8中文文档了

星期二, 十月 2nd, 2012 | computer, html5 | 一条评论

今天打开以前的文档，发现乱码,知道sublime text 2 默认都是utf-8编码,想打开gbk的文件就需要相应的插件了.

Github地址：ConvertToUTF8 https://github.com/seanliang/ConvertToUTF8

打包后的网盘下载： ConvertToUTF8

1.推荐使用 Package Control 查找 ConvertToUTF8 进行自动下载安装与更新。

2.如需手工安装，请将本项目打包下载并解压，将解压后的文件夹名修改为 ConvertToUTF8 ,

然后将此文件夹移动到 Sublime Text 的 Packages 文件夹下（可通过 Sublime Text 菜单中的 Preferences > Browse Packages 找到 Packages 文件夹）。

3.重启下Sublime text 2就支持GBK了。

更多详细介绍可以参考：

中文文档https://github.com/seanliang/ConvertToUTF8/blob/master/README.zh_CN.md

Tags: , ,

神器般的sublime text 2

星期一, 十月 1st, 2012 | computer, html5 | 没有评论

一下子被迷住的编辑器，界面很酷，使用起来很爽.

Sublime Text 2是一个轻量、简洁、高效、跨平台的编辑器。

官方地址：http://www.sublimetext.com/

相关非官方文档(英文)： http://docs.sublimetext.info/en/latest/index.html

一个中文的文档点：Sublime

注：
1.Tab完成
Tab完成允许通过按tab键快速的完成单词。当启用时按下tab编辑器会使用它的模糊匹配算法展开光标左侧的文本成最佳匹配项。
Tab完成默认是启用的。

禁用Tab完成 (在编程的时候妨碍我tab缩进)

有时候tab完成不是很需要。要关闭他的话，加入下面这行到Preferences/File Settings – User:

"tab_completion": false

2. 字体设置
可以通过添加这几行到Preferences/Settings – User:

	"font_face": "Courier New",
	"font_size": 10

改变字体，当你保存时字体就会变了。
你可以通过浏览 Preferences/Settings – Default来查看其它要改变的配置。
Sublime Text 2 的特色功能：
› Continue reading

Tags: , , ,

jquery提交post数据在firefox正常在chrome和ie下乱码解决

星期二, 五月 22nd, 2012 | ajax, Android, html5 | 一条评论

在用jquery处理html5的应用的时候，一直在firefox下测试都正常，用户用pad访问的时候说有乱码，
自己试验了下果然，后发现chrome和ie内核下都是有此问题，此问题设置了页面属性为utf-8时候，只有firefox是传的charset=utf-8的头文件
chrome和ie都没有指定，所以出现乱码问题.
解决方法：

$.ajaxSetup({
  contentType: "application/x-www-form-urlencoded; charset=utf-8"
});
$.post("test.php", { name: "i5a6", time: "2pm" },
   function(data){
     process(data);
   }, "json");

或者使用：

$.ajax({
  url:url,
  type:"POST",
  data:data,
  contentType:"application/x-www-form-urlencoded; charset=utf-8",
  dataType:"json",
  success: function(){
    ...
  }
})

推荐使用第一种，不过也是根据自己的实际情况看的，有人推荐用 encodeURIComponent 做字符转换，不推荐.

Tags: , ,

jQuery/html5 的插件turn.js实现的书本和杂志翻页效果

星期日, 五月 6th, 2012 | html5, pagemaker | 没有评论

看到一个很不错的jquery的插件turn.js,在支持html5的设备上(PC,平板,手机等)实现的像很多电子杂志和电子书的翻页效果

turn.js 支持硬件加速来让翻页效果更加平滑。

可通过 API 来获取当前显示的页号，并提供选项来定制默认页号、加速器、阴影和延时 等

更多TURN.JS信息可以去翻阅下列资料：
——————————————————
Github: https://github.com/blasten/turn.js
Reference: https://github.com/blasten/turn.js/wiki/Reference
Website: www.turnjs.com
——————————————————

上贴图：

Tags: , , , ,

jquery moblie 按钮图标那点事

星期四, 四月 12th, 2012 | html5, pagemaker | 一条评论

记忆力不好记不住jqm图标的样子,做此文图文对照，很方便自己知道是什么图如下（系统提供的18个图标）：本文参照api摘录版：

<a href="index.html" data-role="button" data-icon="delete" data-iconpos="right">Delete</a>
 
data-icon属性可以被用来创建如下所示的图标
左箭头 	data-icon="arrow-l"
右箭头 	data-icon="arrow-r"
上箭头 	data-icon="arrow-u"
下箭头 	data-icon="arrow-d"
删除   	data-icon="delete"
添加 	data-icon="plus"
减少 	data-icon="minus"
检查 	data-icon="check"
齿轮 	data-icon="gear"
刷新    data-icon="refresh"
前进 	data-icon="forward"
后退 	data-icon="back"
网格 	data-icon="grid"
五角星 	data-icon="star"
警告 	data-icon="alert"
信息 	data-icon="info"
首页 	data-icon="home"
搜索 	data-icon="search"

› Continue reading

Tags: , , , ,

javascript判断变量是否定义(undefined)转换函数

星期四, 四月 12th, 2012 | ajax, html5 | 没有评论

在处理html5的页面取值的时候，发现当取不到的时候报错，js程序不再执行，直接写个修正函数处理
如下：

//修正未定义的变量
function checkUnfined(value){
	if(typeof(value)=='undefined'){
	return "";	
	}
	return value;	
}

话说判断是否未定义也是很常用的东东

Tags: , , ,

jquery mobile动态添加元素之后不能正确渲染解决方法(listview和div html 元素)

星期日, 四月 8th, 2012 | html5, pagemaker | 没有评论

问题就不描述了,ajax处理玩数据对于按钮等操作都没有被渲染，需要调用jqm的css去渲染，方法如下：
一：对于listview: $(‘ul’).listview(‘refresh’);
二：对于div或其他： $(‘allAddContent’).trigger( “create” );

1.
var list = $("<li><a href='//www.pomelolee.com'>Pomelo Lee-"+i+"</a></li>");
  $("#listShow").append(list).find("li:last").hide();
  $('ul').listview('refresh');
html 如下：
<div data-role="content">
        <ul data-role="listview" id="listShow" data-inset="true">
          <li><a href="#">html5</a> </li>
          <li><a href="#">css</a></li>
        </ul>
      </div>
2.
var allAddCon="<a href=\"javascript:goto('i5a6?id="+data.rows[i-1].id+"')\"; data-role='button' data-theme='b'>Pomelo Lee网络</a>";
$("#allAddContent").html(allAddCon).trigger( "create" );;

Tags: , , ,

Next Entries »

Search

相关文章

热门文章

最新文章

文章分类

标签云

Links

Meta