Maison > interface Web > tutoriel HTML > 怎么样利用Jquery做弹出可编辑的对话框_html/css_WEB-ITnose

怎么样利用Jquery做弹出可编辑的对话框_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:57:17
original
1101 Les gens l'ont consulté

怎么样利用Jquery做弹出可编辑的对话框
http://www.weiboxiu.cn/plugin/lhgdialog4/demo/demo.html 看看这款。基于JQ的
http://www.veryhuo.com/a/view/40564.html
这个只是弹出对话框


回复讨论(解决方案)

<!doctype html><html lang="en"><head>	<meta charset="utf-8">	<title>jQuery UI Dialog - Modal confirmation</title>	<link rel="stylesheet" href="css/base/jquery.ui.all.css">	<script src="js/jquery-1.10.2.js"></script>	<script src="js/jquery.ui.core.js"></script>	<script src="js/jquery.ui.widget.js"></script>	<script src="js/jquery.ui.button.js"></script>	<script src="js/jquery.ui.position.js"></script>	<script src="js/jquery.ui.dialog.js"></script>	<style>	body {	font-size: 62.5%;	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";}   .resize{resize:none;}	</style>	<script>	$(function() {		$( "#dialog-confirm" ).dialog({			resizable: false,			height:140,			modal: true,			buttons: {				Save: function() {				    $("#view_content").html($("#edit_content").val());					$( this ).dialog( "close" );				},				Cancel: function() {					$( this ).dialog( "close" );				}			}        });	});	</script></head><body><div id="dialog-confirm" title="Edit Dialog">	<textarea  id="edit_content" class="resize"></textarea></div><div id="view_content"></div></body></html>
Copier après la connexion

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal