jquery dialog 弹窗问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery dialog 弹窗问题相关的知识，希望对你有一定的参考价值。
function setvod(data)
$.get('/index.php/index/Modal', function(html)
$(html).dialog(
minWidth:600,
height:300,
modal:true,
stack:false,
buttons:
"确定":function()
var data=[];
$('tbody :checkbox:checked', this).each(function()
var $this=$(this),
$tr=$this.closest('tr');
data.push([$('td:eq(1)', $tr).text()].join('|'));
);
$( this ).dialog( "destroy" );
gameCalcAmount();
,
"取消":function()
$( this ).dialog( "destroy" );
gameCalcAmount();
,
open:function(event, ui)
var $this=$(this),
$this.attr('rel');
$this.attr('src', '/index.php/index/'+vod.type+'/');
$('.tr-cont', this).load($this.attr('src')+100);
);
);
var hsjs = function()
$("#hsq0").hide();
$("#hsq1").hide();
<table width="100%" id="Tbl">
<tr><td><input value="隐藏" type="button" onClick="hsjs()" /></td></tr>
<tr id="hsq0">
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr id="hsq1">
<td>2</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
<tr id="hsq2">
<td>3</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>
</table>
第一次点击 id="Tbl" 会出现，点击隐藏，ID #hsq0、ID #hsq1 会隐藏掉
但是把弹窗取消关闭以后，在点击，出现的弹窗，点击隐藏按钮以后，就失效了，不知道怎么回事
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery ui弹出div层对话框--柯乐义</title>
<link rel="stylesheet" href="http://keleyi.com/keleyi/pmedia/jquery/ui/1.10.3/css/smoothness/jquery-ui.min.css" />
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<script src="http://keleyi.com/keleyi/pmedia/jque www.hbbz08.com ry/ui/1.10.3/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
function keleyidialog()
$("#dialog").dialog();
</script>
<style type="text/css">#dialogdisplay:none;</style>
</head>
<body>
<div style="width:338px;height:100px;margin:10px auto;"><input type="button" onclick="keleyidialog()" value="点击我" />
<a href="http://keleyi.com/a/bjac/5939d3b2c920ff6d.htm" target="_blank">原文</a> <a href="http://keleyi.com/keleyi/phtml/jui/dialog/1.htm">无动画</a> <a href="http://keleyi.com/keleyi/phtml/jui/dialog/2.htm">动画</a>
<a href="http://keleyi.com/keleyi/phtml/jui/dialog/3.htm">redmond</a>
<a href="http://keleyi.com/keleyi/phtml/jui/dialog/4.htm">sunny</a>
<br />点击按钮弹出对话框
</div>
<div id="dialog" title="div层对话框">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
<p>柯乐义：这是一个弹出div层对话框，可用于显示信息。可以拖动和关闭这个弹出层，还可以改变它的大小。 </p>
</div>
</body>
</html>
复制代码
还有多种样式可供选择，例如eggplant或者vader等。只需将上面代码中的smoothness换掉就eggplant、sunny、redmond或者vader可以了。例如vader：http://keleyi.com/keleyi/phtml/jui/dialog/2.htm
sunny：http://keleyi.com/keleyi/phtml/jui/dialog/4.htm
jquery ui的dialog方法，有着很强大的功能，比如把上面代码中的keleyidialog函数换成以下代码则有不同效果：http://keleyi.com/keleyi/phtml/jui/dialog/1.htm
代码：
View Code keleyi.com追问
不要百度复制粘贴
jquery easyui 的dialog 方法关闭事件
就是用户直接点那个 “X” 关闭的时候可以获取事件不，怎么获取，最好给个实例，谢谢。
当用户打开/关闭一个dialog窗体时，对应的事件获取方法如下：
可以在页面中定义个关闭函数 ,在子页面中调用top。如可以设置函数名为：function d_close()$('#dd').dialog('close');，然后在弹出页面里面top.d_close()，当然了如果页面不是顶部页面比如用了框架集就不用top。
$('#dialogDiv').dialog(
onClose:function()
blablablalba;
);本回答被提问者采纳
以上是关于jquery dialog 弹窗问题的主要内容，如果未能解决你的问题，请参考以下文章
Dialog弹窗Jquery插件，弹出一层，再弹出一层，关闭第二层如何更新第一层里数据？