jquery移动面板事件未触发

Question

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

http://jquerymobile.com/demos/1.3.0-rc.1/docs/panels/events.html

$(document).on('beforeopen', ".ui-panel", function() {
    alert('open');
});
$(document).on('beforeclose', ".ui-panel", function() {
    alert('close');
 });

要么

 $(document).on('open', ".ui-panel", function() {
    alert('open');
});
$(document).on('close', ".ui-panel", function() {
    alert('close');
 });

甚至在面板上使用上下文

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

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

Answer 1

看一下jQuery mobile API

它提供了beforeopen(event, ui)一种类型的panelbeforeopen示例,它们在API文档中提供了以下示例:

1)使用beforeopen指定的回调初始化面板:

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

2)将事件监听器绑定到panelbeforeopen事件:

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