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

📌 相关文章

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

📅 最后修改于: 2021-11-25 03:20:49 🧑 作者: Mango

jQuery UI |创建对话框时触发创建事件。

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

句法：

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

方法：

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

“打开对话框”按钮将触发单击功能(#gfg)，该函数将在对话框 (#gfg2) 中进一步打开。</li> <li style="text-align:justify"> create( 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(‘created’)}</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, create: function( event, ui ) { console.log('created') }, }); $( "#gfg" ).click(function() { $( "#gfg2" ).dialog( "open" ); }); }); </script> </head> <body> <div id = "gfg2" title="GeeksforGeeks"> <textarea>jQuery UI | create(event, ui) Event

输出：