jquery移動面板打開動作之前

Question

我想在我的面板打開之前做一些事情，但我沒有運氣... Actualy我想用ajax加載它裏面的文件，但不幸的是，即使警報不起作用

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


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

</script> 

體內

<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> 

有什麼建議？

Answer 1

嘗試把代碼中的jQuery Mobile的頁面事件裏面像createpage：

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

這裏是一個DEMO

你現在的樣子，面板上有可能不當您嘗試附加到事件時，它已被增強/初始化。