📌  相关文章
📜  jQuery Mobile Popup enable() 方法(1)

📅  最后修改于: 2023-12-03 15:16:42.699000             🧑  作者: Mango

jQuery Mobile Popup enable() 方法

enable() 方法是 jQuery Mobile Popup 插件提供的方法之一，它用于启用已禁用的弹出窗口。通过调用该方法，可以重新启用弹出窗口，并使其可用于用户交互。

语法

$(selector).popup("enable");

参数

该方法不接受任何参数。

返回值

该方法没有返回值。

示例代码

以下示例演示如何使用 enable() 方法启用已禁用的弹出窗口：

<!DOCTYPE html>
<html>
<head>
	<title>jQuery Mobile Popup enable() 方法示例</title>
	<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.1.min.js"></script>
	<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
	<script>
		$(document).on("pageinit", function() {
			$("#myPopup").popup("disable"); // 禁用弹出窗口
		});
		
		function enablePopup() {
			$("#myPopup").popup("enable"); // 启用弹出窗口
		}
	</script>
</head>
<body>
	<div data-role="page">
		<div data-role="header">
			<h1>jQuery Mobile Popup enable() 方法示例</h1>
		</div>
		<div data-role="content">
			<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline">打开弹出窗口</a>
			<div data-role="popup" id="myPopup" data-dismissible="false">
				<p>这是一个弹出窗口。</p>
				<a href="#" class="ui-btn ui-btn-inline ui-corner-all ui-shadow" data-rel="back">关闭</a>
			</div>
			<a href="#" class="ui-btn ui-btn-inline" onclick="enablePopup()">启用弹出窗口</a>
		</div>
	</div>
</body>
</html>

在上述示例代码中，通过 $("#myPopup").popup("disable"); 禁用了弹出窗口。当用户单击 "启用弹出窗口" 的按钮时，通过 $("#myPopup").popup("enable"); 方法启用了弹出窗口。