jquery之对话框相关问题

各位大神:
近日在学习jquery相关知识,按教学视频写一个web程序,程序文件已经分享到百度云盘,下载网址为:http://pan.baidu.com/s/1c2iFLWO。请大神下载后解压运行里面的文件index.html。由于我在index.js文件中写了
$('#reg').dialog({
autoOpen:true,

 modal:true,
 resizable:false,
 wedth:750,
 height:340,
 buttons:{
     '提交':function(){

     }
 }

});
所以运行index.html时应出现对话框,但结果出现的对话框却少了四条边,多了一个close按钮。如下图:
图片说明
请问我错在哪儿?谢谢!

3个回答

jqueryui的css没有导入

   <script type="text/javascript" src="js/jquery.ui.js"></script>
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

隐藏close按钮:
$('#reg').dialog({
open:function(event,ui){
$(".ui-dialog-titlebar-close").hide();
},//隐藏close按钮
})
边框的问题是jquery-ui的css文件没有导入,所以缺少了默认样式。

qq_33152517
LUCKY - W · J <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
大约 4 年之前 回复

close按钮是右上角的X,jquery-ui还有配套的css样式,引入就好了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐