Javascript jquery移动面板事件未触发

我似乎无法与这里看到的jquery移动面板事件联系在一起

或

甚至在面板上使用上下文

$('.ui-panel',context).on('open', function() {
    alert('opened');
});

---

其中context是当前页面的jquery对象变量

它提供了

beforeopen（事件，ui）

的示例，这是

panelbeforeopen

的一种类型，它们在API文档中提供了这些示例：

1） 使用指定的

beforeopen

回调初始化面板：

$( ".selector" ).panel({
  beforeopen: function( event, ui ) {}
});

2） 在打开事件之前将事件侦听器绑定到

面板

事件：

$( ".selector" ).on( "panelbeforeopen", function( event, ui ) {} );

---

必须在$（文档）中插入代码。在（“pageinit”上，函数（事件，数据）{

---

必须引用正确的div才能使其工作。选择器需要引用具有数据role=“panel”的div

---

酷，我想我应该多看api文档，而不是演示文档，简单的解决方案。我承认你提供的链接可能会引起混淆，但它确实列出了事件名称，如本页上的

类型

。请参阅“panelbeforeopen”部分。我当时正在做.on（“beforeopen”）

$( ".selector" ).panel({
  beforeopen: function( event, ui ) {}
});

$( ".selector" ).on( "panelbeforeopen", function( event, ui ) {} );

   $(document).on( "pageinit", function( event, data ){
     $( ".ui-panel" ).on( "panelbeforeclose", function( event, ui ) {
        // your code here
     } );
   });

$(window).on("load",function(){

    $( "#your-panel-id" ).on( "panelclose", function( event, ui ) {
        alert ('hi') ;
    }); 
});