📅 最后修改于: 2023-12-03 14:43:09.546000 🧑 作者: Mango
在 jQuery Mobile 中，Dialog Widget 是一个弹出式对话框，可以用来显示一些重要信息或者与用户交互的内容。closeBtnText 选项是 Dialog Widget 中的一个配置项，用于设置对话框的关闭按钮文本。
$(selector).dialog({
closeBtnText: value
});
下面是一个简单的示例，演示了如何使用 closeBtnText 选项来设置对话框的关闭按钮文本：
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Dialog Close Button Text</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="demo-page">
<div data-role="header">
<h1>jQuery Mobile Dialog Close Button Text</h1>
</div>
<div data-role="content">
<a href="#dialog" data-rel="dialog">Show Dialog</a>
</div>
</div>
<div data-role="page" id="dialog">
<div data-role="header" data-theme="b">
<h1>My Dialog</h1>
</div>
<div data-role="content">
<p>This is a simple dialog.</p>
</div>
</div>
<script>
$(document).on("pagecreate", function() {
$("#dialog").dialog({
closeBtnText: "Close Dialog"
});
});
</script>
</body>
</html>
在这个示例中，我们创建了一个简单的 jQuery Mobile 页面，其中包含一个“Show Dialog”链接，点击后会显示一个对话框。这个对话框通过调用 dialog() 方法来创建，使用 closeBtnText 选项来设置关闭按钮的文本为“Close Dialog”。