- 浏览: 21321 次
- 性别:
- 来自: 上海
最新评论
-
xieshengxi:
如果一个页面有多个这种grid宽度控制各不同 如何解决?
jquery mobile 设置 ui-grid-a 宽度和高度
文章列表
NSBundle *bundle = [NSBundle mainBundle];
NSURL *plistUrl = [bundle URLForResource:@"Bf2Directory" withExtension:@"plist"];
NSDictionary *dictionary = [NSDictionary dictionaryWithContentsOfURL:plistUrl];
NSMutableArray *tmpDataArray = [[NSMutableArray alloc]init];
for (int i=0; i& ...
data-role 定义元素在页面中的功能角色
data-title 定义视图页面的标题
data-transition 定义视图切换的动画效果
Slide 从右到左切换
Slideup 从下到上切换
Slidedown 从上到下切换
Pop 以弹出框的方式打开一个视图或页面
Fade 渐变退色方式切换
1,photoswipe 网址:http://www.photoswipe.com/ demo: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 个人描述:在手机上操作很流畅,能自使用屏幕尺寸,竖屏显示效果很好,横屏图片太大了,也就是列数固定的原因。 2,Touch-Gallery 网址:http://neteye.github.com/touch-gallery.html demo: 在首页在左下角 个人描述:就是一个图片箱子插件,点击图片放大,周围变黑遮罩,双击周围返回列表,还未有在手机测试,但是上面写着ip ...
jQuery的.bind()、.live()和.delegate()之间区别
来源: 译言网 发布时间: 2011-03-20 14:24 阅读: 5964 次 推荐: 8 原文链接 [收藏]
摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,以及防止在交互应用中弹出错误。
第一种
$(function(){
$("#menu").html("<li><a href='#'>Test Styling</a></li>");
$("#navbar").navbar();});
第二种
var footer = $("#footer-id");var navBar = $("div",{"data-role":"navbar","html":&quo ...
http://easywebsocket.org/contrib/chat/?channel=foo&user=bar
要创建一个自定义的CSS过渡,选择一个类名对应的名字你的过渡,例如“幻灯片”,然后定义 转入和转出,利用转换或动画关键帧的CSS规则:
.slide.in {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-animation-name: slideinfromright;
-moz-animation-name: slideinfromright;
}
.slide.out {
-webkit-transform: tr ...
最近公司的web app项目,使得我有幸一直接触和学习jQuery Mobile。这确实是一个很不错的移动开发库,有助于擅长web开发的工程师,快速入门并构建自己的移动应用。但是在前两天,我碰到了一个问题,使我查了很多资料都没有找到很好的解决方案,最终只能逼着我读jQuery Mobile的源码,再写了个扩展,才得以解决。下面请让我娓娓道来。
问题描述
假设在项目中,有三个页面,分别是main.html、test1.html、test2.html(后面分别简称main、test1、test2),其中main页面是包含一个转向到test1页面的链接(即a标签),test1中有一个属性为da ...
$( window ).bind("orientationchange", function( event ) {
//ResizePageContentHeight($(".ui-page" ));
if(event.orientation){
if(event.orientation == 'portrait'){
alert("portrait");//竖屏
}
else if(event.orientation == 'landscape') {
alert("l ...
CSS 如何使DIV层水平居中
今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性,
网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题.
可是事实上这样的方法科学吗?
经过网络搜索和亲自实验得出以下结论:
正确的也是对页面构造没有影响的设置如下:
对需要水平居中的DIV层添加以下属性:
margin-left: auto;
margin-right: auto;
经过这么一番设置问题似乎解决了,在FF中已经居中了,可是在IE中看竟然还是没有居中!
郁闷了一下午,就是找不出问题所在,还特地比较了网上的文章竟然一模一样.
问题到底出在哪 ...
<div id="findBar" class="ui-grid-a">
2
<div class="ui-block-a"><input placeholder="" data-theme="e" type="search" name="sw" id="sw" value="" data-mini="true"/></div>
3
<div ...