jQuery UI 对话框 close(event, ui) 事件 - 芒果文档

📌 相关文章

📜 jQuery UI 对话框 close(event, ui) 事件

📅 最后修改于: 2021-11-24 04:23:19 🧑 作者: Mango

jQuery UI |当对话框关闭时触发 Close 事件。

在此处了解有关 jQuery 选择器和事件的更多信息。

句法：

$(".selector").dialog (
   close: function( event, ui ) {
       console.log('closed')
   },

方法：

首先，添加项目所需的 jQuery Mobile 脚本。

“打开对话框”按钮将触发点击函数(#gfg)，这将在对话框 (#gfg2) 中进一步打开。</li> <li style="text-align:justify"> close( event, ui ) ：当我们点击对话框中的关闭按钮时触发。有回调函数附加到这个关闭。 <ul> <li style="text-align:justify">事件：类型 -> 事件</li> <li style="text-align:justify">ui : 类型 -> 对象</li> <li style="text-align:justify">回调函数：函数( event, ui ) { console.log(‘closed’)}</li> </ul> </li> </ul> <p style="text-align:justify"><strong>示例 1：</strong></p> <div> <h5 class="code">HTML</h5> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet"> <script src = "https://code.jquery.com/jquery-1.10.2.js"> </script> <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"> </script> <script type = "text/javascript"> $(function() { $( "#gfg2" ).dialog({ autoOpen: false, close: function( event, ui ) { console.log('closed') }, }); $( "#gfg" ).click(function() { $( "#gfg2" ).dialog( "open" ); }); }); </script> </head> <body> <div id = "gfg2" title="GeeksforGeeks"> <textarea>jQuery UI | close(event, ui) Event

输出：