📅  最后修改于: 2023-12-03 15:16:53.863000             🧑  作者: Mango
jQWidgets jqxExpander 是一种可折叠面板,可用于创建可扩展和折叠的区域,显示或隐藏它们的内容。jqxExpander 的 destroy() 方法用于摧毁 jqxExpander 关键对象并删除对应的 DOM 元素及文本信息。当需要移除已存在的 jqxExpander 对象时,可以使用 destroy() 方法。
$(selector).jqxExpander('destroy');
destroy() 方法不接受任何参数。
该方法无返回值。
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link href="https://jqwidgets.com/public/jqwidgets/styles/jqx-base.css" rel="stylesheet" />
<link href="https://jqwidgets.com/public/jqwidgets/styles/jqx-fresh.css" rel="stylesheet" />
</head>
<body>
<div id="jqxExpander">
<div>JQWidgets jqxExpander demo</div>
<div>This is the content of jqxExpander</div>
</div>
<br>
<button id="destroyButton">Destroy jqxExpander</button>
<script>
$(document).ready(function () {
$('#jqxExpander').jqxExpander({ width: '300px', height: '200px' });
$('#destroyButton').click(function () {
$('#jqxExpander').jqxExpander('destroy');
});
});
</script>
</body>
</html>
在此示例中,首先创建了一个 jqxExpander 对象,然后在页面上创建一个按钮。当用户单击该按钮时,使用 destroy() 方法摧毁 jqxExpander 对象。