javascript - 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) 将事件监听器绑定(bind)到 panelbeforeopen 事件:

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