1,978
社区成员
发帖
与我相关
我的任务
分享jquery ui dialog 右上角怎么没有显示关闭按钮？
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test1.aspx.cs" Inherits="Test_jQueryUi.test1" %>
<!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 runat="server">
<title></title>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<link href="Scripts/jQuery%20UI/jquery-ui-1.8.22.custom.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jQuery%20UI/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnDialog").click(function () {
$("#div_dialog").dialog({
autoOpen: true,
closable:true,
buttons: {
Submit: function () { },
Exist: function () { }
}
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="left" style=" width:200px; height:100px; background-color:#009900; float:left;"> </div>
<div id="right" style=" width:400px; height:100px; background-color:#FF0000; float:left;"> </div>
<div style="float:left">
<input id="btnDialog" type="button" value="Dialog" />
</div>
<div id="div_dialog" title="System Message">
<p>This is a message!</p>
</div>
</form>
</body>
</html>
<!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 runat="server">
<title></title>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<link href="Scripts/jQuery%20UI/jquery-ui-1.8.22.custom.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jQuery%20UI/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnDialog").click(function () {
$("#div_dialog").dialog({
autoOpen: true,
closable:true,
buttons: {
Submit: function () { },
Exist: function () { }
}
});
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="left" style=" width:200px; height:100px; background-color:#009900; float:left;"> </div>
<div id="right" style=" width:400px; height:100px; background-color:#FF0000; float:left;"> </div>
<div style="float:left">
<input id="btnDialog" type="button" value="Dialog" />
</div>
<div id="div_dialog" title="System Message">
<p>This is a message!</p>
</div>
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
以专业开发人员为伍 2015-01-06
- 打赏
- 举报
Scripts/jQuery%20UI/
这个是什么啊？
为什么放两个 css 呢？
娃都会打酱油了 2015-01-06
- 打赏
- 举报
我好像没发现过这个问题，明天找项目看下
大白小白 2015-01-06
- 打赏
- 举报
你好 你这个问题解决了吗？我也遇到了类似的问题
wangjun5159 2014-06-09
- 打赏
- 举报
我也遇到此问题了，测试了一下，是浏览器差异化导致的，在360浏览器显示（v6.3），在chrome浏览器不显示（v34）。
ls249319195 2013-10-18
- 打赏
- 举报
有没又搞定啊，我的也是不显示，鼠标放上去才显示
yaojunyi3721 2013-07-23
- 打赏
- 举报
我也遇到这个问题 调了很长时间了
