jQuery UI |拖动对话框时触发拖动事件 在此处了解有关 jQuery 选择器和事件的更多信息。 句法： $(".selector").dialog ( drag: function( event, ui ) { console.log('dragged') }, 方法： 首先，添加项目所需的 jQuery Mobile 脚本。 “打开对话框”按钮将触发点击函数(#gfg)，这将在对话框 (#gfg2) 中进一步打开 。</li> <li style="text-align:justify"> drag( 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(‘dragged’)}</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, drag: function( event, ui ) { console.log('dragged') }, }); $( "#gfg" ).click(function() { $( "#gfg2" ).dialog( "open" ); }); }); </script> </head> <body> <div id = "gfg2" title="GeeksforGeeks"> <textarea>jQuery UI | drag(event, ui) Event Open Dialog