jQWidgets jqxWindow bringToFront()方法
jQWidgets 是一个JavaScript框架，用于为PC和移动设备制作基于网络的应用程序。它是一个非常强大的、优化的、与平台无关的、被广泛支持的框架。jqxWindow用于在一个应用程序中输入数据或查看信息。
bringToFront()方法用于将一个指定的窗口带到前面。
语法:
$('selector').jqxWindow('bringToFront');
Linked Files: 从给定的链接中下载jQWidgets。在HTML文件中，找到下载文件夹中的脚本文件。
<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” /> <link rel=”stylesheet” href=”jqwidgets/styles/jqx.summer.css” type=”text/css” /> <script type=”text/javascript” src=”scripts/jquery-1.10.2.min.js”></script> <script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script> <script type=”text/javascript” src=”jqwidgets/jqxwindow.js”></script> <script type=”text/javascript” src=”jqwidgets/jqxbuttons.js”></script>
示例: 方法属性。
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href= "jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="jqwidgets/jqxwindow.js"></script> <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script> <script type="text/javascript"> (document).ready(function () { ('#jqxwindow').jqxWindow({ width: 200, height: 100 }); ('#jqxwindow2').jqxWindow({ autoOpen: false, height: 100, isModal: true, width: 200 }); ("#jqxbutton").jqxButton({ height: 30 }); ('#jqxbutton').click(function () { ("#jqxwindow2").jqxWindow('open'); $("#jqxwindow2").jqxWindow('bringToFront'); }); }); </script> </head> <body> <center> <h1 style="color: green;"> GeeksforGeeks </h1> <h3> jQWidgets jqxWindow bringToFront() Method </h3> <input type="button" id="jqxbutton" value="Invoke the bringToFront method" /> <div id='content'> <div id='jqxwindow'> <div> Header</div> <div> <div>GeeksforGeeks</div> </div> </div> <div id='jqxwindow2'> <div> Header2</div> <div> <div>GFG</div> </div> </div> </div> </center> </body> </html>
输出:
版权声明:本页面内容旨在传播知识，为用户自行发布，若有侵权等问题请及时与本网联系，我们将第一时间处理。E-mail:284563525@qq.com
