打开操作前的Jquery移动面板

我正在试着在我的面板打开之前做些什么，但我没有运气。。。 实际上，我想用ajax在其中加载一个文件，但不幸的是，即使是alert也不起作用

<script type="text/javascript">
  $( "#nav-panelz" ).panel({
    beforeopen: function( event, ui ) { }
  });


$( "#nav-panelz" ).on( "panelbeforeopen", function( event, ui ) {
  alert('Before Open');
});

</script>

$（“导航面板Z”）.面板({
beforeopen:函数（事件，ui）{}
});
$（#导航面板Z”）。在（“panelbeforeopen”，函数（事件，用户界面）{
警报（“打开前”）；
});

体内

<div data-role="panel" data-display="push" data-theme="b" id="nav-panelz" style="z-index:250000;">

  <ul data-role="listview">
    <li data-icon="delete"><a href="#" data-rel="close" style="color:#09F;">Close menu</a></li>
<li><a href="#panel-responsive-page2">Accordion</a></li>
    <li><a href="#panel-responsive-page2">Ajax Navigation</a></li>
    <li><a href="#panel-responsive-page2">Autocomplete</a></li>
    <li><a href="#panel-responsive-page2">Buttons</a></li>
  </ul>
</div>

---

有什么建议吗？

尝试将代码放入jQuery移动页面事件中，如

createpage

：

$(document).on("pagecreate", "#page1", function () {
    $( "#menuA" ).on( "panelbeforeopen", function( event, ui ) {
        alert('Before Open');
        $("#pnlContent").html('<p>Dynamically added content</p>');
    });
});

$（文档）。在（“页面创建”和“页面1”上，函数（）{
$（“#menuA”）。在（“panelbeforeopen”上，函数（事件，用户界面）{
警报（“打开前”）；
$（“#pnlContent”）.html（“动态添加的内容”
”）；
});
});

这里有一个

按照现在的方式，当您尝试附加到事件时，该面板可能尚未增强/初始化。

它是外部面板（即不在页面中）？