注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

千年绿叶

黑夜给了我黑色的眼睛,我却用它来寻找光明......

 
 
 

日志

 
 

jQuery Mobile 弹框探讨  

2013-12-06 17:50:23|  分类: 移动开发 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
JQM中自带的弹框,即:data-rel="dialog"   ,它是弹同一个文件中的不同PAGE,可以很好地去加不同的参数达到效果,但是如果想要有那种遮罩的效果,背景半透明还可以看到内容,它就实现不了,在JQM1.2开始,就有新的弹框出来,代码如下:

<div data-role="page">
<div data-role="header">
<h1>哩礼屋</h1>
</div>
    <div data-role="content">
   
        <a data-role="button" href="#bshop" data-rel="popup" data-position-to="window">哩礼商城</a>

      
      <div data-role="popup" id="bshop" data-overlay-theme="a">
      <p><a href="#" data-inline="true" data-iconpos="notext" data-role="button" data-icon="delete" data-mini="true" data-rel="back" class="ui-btn-active"></a>商城正在建设中...<br /></p>
        
      </div>  
    </div>
    <div data-role="footer"><h4>Copyright ? GDYES</h4></div>     
</div>

关键代码:data-role="popup",另外弹框的内容要放在同一个PAGE中。而原来的dialog呢就可以弹不同的PAGE。

最后,引入两篇关于popup的详细介绍文章:
  评论这张
 
阅读(3194)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017