阿里巴巴黄页网站,网站域名备案地址,手机网站开发 视频教程,鄂州市门户网站在ASP.NET MVC中使用JQuery提供的弹出窗口#xff08;模态窗口#xff09;
原理
使用div图层灵活显示在浏览器的任何位置。默认情况下指定div不可见
引用
样式表
在JQuery的官方网站可以下载对应的css样式表。打开官网的样例页。
找到样式表引用路径
…在ASP.NET MVC中使用JQuery提供的弹出窗口模态窗口
原理
使用div图层灵活显示在浏览器的任何位置。默认情况下指定div不可见
引用
样式表
在JQuery的官方网站可以下载对应的css样式表。打开官网的样例页。
找到样式表引用路径
link relstylesheet href//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css将其下载到本机其中thme
比如我的样式表路径为
link relstylesheet href~/lib/jquery/ui/1.11.3/themes/smoothness/jquery-ui.cssJQuery库
下载JQuery和JQuery-ui库并放置在对应的路径中
script src~/lib/jquery/jquery-1.11.3/jquery-1.11.3.min.js/script
script src~/lib/jquery/ui/1.11.3/jquery-ui.min.js/script注意前后顺序
这里要注意在ASP.NET模板中_Layout.cshtml文件末尾会引用JQuery.js将其删除否则会出现重复引用导致错误
Javascript调用
加入div的定义
div iddialog titleBasic dialogpThis is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the apos;xapos; icon./p
/div加入javascript调用
script$( function() {$( #dialog ).dialog();} );
/script
