jquerypanel的简单介绍

jquery mobile 中的panel显示过长,超出屏幕范围,看不见下面的内容,向上拖也拖不动,还会闪屏,怎么弄

jquerymobile一直都有很多重要的兼容BUG没解决,以前做项目第一个用的他把人都整崩溃了,后面自己写框架做了,速度比JQ快了不是一等级的。 闪屏的BUG最严重的就是 ios系统。这是一个很顽固的bug,也是史上最无解的bug(页面切换非slide,闪屏BUG,虽然有些人用css修正了ios5以上系统的该bug但是也不会完美的解决方案,其实并不是样式的BUG而是js的bug),直到现在jQuery官方也没解决。

创新互联服务项目包括奎文网站建设、奎文网站制作、奎文网页制作以及奎文网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,奎文网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到奎文省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

所以我只能告诉你 超出过长怎么解决,在panel里

div data-role="panel" id="mypanel"

div id="des"

外面加这个div 设置样式 #des{height:100%;overflow-y:scroll;}

/div

/div!-- /panel --

我想闪屏也是因为你高度超出造成的吧,设置一个定高100% 然后超出隐藏 以滚动条的形式拖动

怎样从jQuery panel中取值

html

head

meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

titlejQuery EasyUI/title

link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"

link rel="stylesheet" type="text/css" href="../themes/icon.css"

script type="text/javascript" src="../jquery-1.4.2.min.js"/script

script type="text/javascript" src="../jquery.easyui.min.js"/script

script

$(function(){

$('#p').panel({

title: 'My Panel',

tools: [{ iconCls:'icon-new',handler:function(){alert('new')}},

{iconCls:'icon-save',handler:function(){alert('save')}

}]

});

alert($('#p').parent().find('.panel-title').text());

});

/script

/head

body style="background:#fafafa;"

h1Panel/h1

div id="p" collapsible="true" style="padding:10px;"

Panel Content

/div

/body

/html

-----------------------

说明一下,panel()方法生成的dom大概如下:

div class="panel" style="width: 988px;"

div class="panel-header" style="width: 976px;"

div class="panel-title"My Panel/div

div class="panel-tool"

div class="panel-tool-collapse"/div

div class="icon-save"/div

div class="icon-new"/div

/div

/div

div style="padding: 10px; width: 966px;" collapsible="true" id="p" title="" class="panel-body"

Panel Content

/div

/div

所以$('#p').parent().find('.panel-title').text()就是先获取#p的父节点,再查找class为.panel-title的text,就可以找到了。

jQuery EasyUI Panel的默认设置

它的这个是默认的,通过CSS控制的,如果你想要修改。只能修改其CSS实现

怎么关闭 jquery panel面板

jQuery(document).ready(function(){ jQuery("#panel的ID").hide();//隐藏 jQuery("#panel的ID").click(function(){ jQuery("#panel的ID").show();//显示 }); });


网页标题:jquerypanel的简单介绍
分享路径:http://scyanting.com/article/dssdhid.html