jquerymobile-18 Dialog

最新推荐文章于 2020-05-27 11:55:43 发布

孟祥月

最新推荐文章于 2020-05-27 11:55:43 发布

阅读量8.7k

点赞数 4

分类专栏： jquery mobile jquerymobile入门

本文链接：https://blog.csdn.net/mengxiangyue/article/details/8592500

版权

使用jQueryMobile，只需给链接添加data-rel='dialog'属性即可创建模态对话框。示例代码展示了如何实现简单Dialog，其内部可承载复杂内容，如同独立页面般进行编写。

摘要由CSDN通过智能技术生成

在开发的过程中，我们可能需要使用到模态的对话框，在jquerymobile中这个实现很简单，只需要给一个普通的链接添加data-rel="dialog"这样的属性就可以了。下面给出一个例子代码：

<!DOCTYPE html>
<html>
<head>
<title>Dialog Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="page" id="first">
	<div data-role="header">
		<h1>Dialog Test</h1>
	</div>
	<div data-role="content">
		<p>
		<a href="#page3" data-rel="dialog