55 lines
1.5 KiB
HTML
Executable File
55 lines
1.5 KiB
HTML
Executable File
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>test</title>
|
|
</head>
|
|
|
|
<body>
|
|
<button id="test2">1. content(elem).show()</button> <button id="test3">2. close()</button> <button id="test4">3. show()</button> <button id="test5">4. close().remove()</button>
|
|
<div id="test-content" style="display:none">
|
|
<p>我是隐藏的DOM节点<button id="test">alert</button></p>
|
|
</div>
|
|
<script src="../lib/jquery-1.10.2.js"></script>
|
|
<script src="../dist/dialog.js"></script>
|
|
|
|
<script>
|
|
window.dialog = dialog;
|
|
$('#test').on('click', function() {
|
|
alert('click')
|
|
});
|
|
|
|
var d = dialog({
|
|
title: '消息',
|
|
content: '风吹起的青色衣衫，夕阳里的温暖容颜，你比以前更加美丽，像盛开的花<br>——许巍《难忘的一天》',
|
|
okValue: '确 定'
|
|
});
|
|
|
|
var elem = document.getElementById('test-content');
|
|
|
|
$('#test2').on('click', function() {
|
|
d.content(elem).show();
|
|
});
|
|
|
|
$('#test3').on('click', function() {
|
|
d.close();
|
|
});
|
|
|
|
$('#test4').on('click', function() {
|
|
d.show();
|
|
});
|
|
|
|
$('#test5').on('click', function() {
|
|
d.close().remove();
|
|
});
|
|
|
|
d.addEventListener('remove', function() {
|
|
$('#test2, #test3, #test4, #test5').off('click').on('click', function() {
|
|
alert('对话框已经销毁');
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |