在线等JQuery答案

1）新建一个网页，插入一个按钮和一个表格，1行1列，尺寸400*300px，表格内随便写一些文字，修改表格的style属性将该表格隐藏。2）在代码模式下使用$(docum... 1）新建一个网页，插入一个按钮和一个表格，1行1列，尺寸400*300px，表格内随便写一些文字，修改表格的style属性将该表格隐藏。
2）在代码模式下使用$(document).ready的方法为按钮增加click方法，并实现点击该按钮后弹出一个Dialog，该Dialog的内容是前面的隐藏表格。
需要注意的是，按钮点击后不要提交表单，同时不要把dialog的方法加到按钮的onclick方法中。展开

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

魇者酌日
2011-02-17 · TA获得超过170个赞

知道答主

回答量：58

采纳率：0%

帮助的人：55.8万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery1.5.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$("#dialog").dialog({
autoOpen: false,
modal:true,
title:"enozoom.com",
minWidth:640,
resizable:false,
buttons:{"提交":function(){
//写一些内容
$("form").submit();
},"取消":function(){$("#dialog").dialog("close");}}
});
$("#btn_open_dialog").click(function(){ $("#dialog").dialog("open") })
})
//]]>
</script>
</head>
<body>
<form action="" method="post">
<div id='dialog'>
<textarea>不需要设定样式也会自动隐藏，只要声明在dialog内！</textarea>
</div>
<button type="button" id="btn_open_dialog">弹出</button>
</form>
</body>
</html>

参考资料： http://www.enozoom.com

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

在线等JQuery答案

为你推荐：