title: Jquery mobile Panel before open action
body: <p>I am trying to do something before my panel opens but i have no luck...
  Actualy i want to load a file inside it with ajax, but unfortunately even alert doesn't work</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $( "#nav-panelz" ).panel({
      beforeopen: function( event, ui ) { }
    });
  
  
  $( "#nav-panelz" ).on( "panelbeforeopen", function( event, ui ) {
    alert('Before Open');
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>inside body</p>
  
  <pre><code>&lt;div data-role="panel" data-display="push" data-theme="b" id="nav-panelz" style="z-index:250000;"&gt;
  
    &lt;ul data-role="listview"&gt;
      &lt;li data-icon="delete"&gt;&lt;a href="#" data-rel="close" style="color:#09F;"&gt;Close menu&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#panel-responsive-page2"&gt;Accordion&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#panel-responsive-page2"&gt;Ajax Navigation&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#panel-responsive-page2"&gt;Autocomplete&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#panel-responsive-page2"&gt;Buttons&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any suggestions?</p>