Maison >interface Web >tutoriel HTML >怎么样利用Jquery做弹出可编辑的对话框_html/css_WEB-ITnose
怎么样利用Jquery做弹出可编辑的对话框_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:57:171099parcourir
怎么样利用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> Déclaration：
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
Article précédent：应用 CSS3 动画实现12种风格的通知提示_html/css_WEB-ITnoseArticle suivant：手机浏览器上看是乱版_html/css_WEB-ITnose