jQuery Mobile 打开对话框

最新推荐文章于 2024-09-21 16:12:47 发布

原创最新推荐文章于 2024-09-21 16:12:47 发布 · 260 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

jquery mobile 专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了如何在HTML中通过设置特定的data-rel属性值为dialog来创建弹出对话框，并利用jQuery实现对话框的打开与关闭效果。包括对话框的基本布局、样式设置以及过渡动画的应用。

弹出对话框只需要在<a>标签中的data-rel属性值谢伟"dialog"

<div data-role="page" id="e1">
　　<div data-role="header"><h1>对话框</h1></div>
　　<div data-role="content">
　　  <p>
　　    <a href="dialog.htm" 
　　       data-rel="dialog" 
　　       data-transition="pop">打开对话框
　　    </a>
　　  </p>
　　</div>
　　<div data-role="footer"><h4>©2012 rttop.cn studio</h4></div>
　</div>