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

现在你的方式，当你试图附加到活动时，面板可能还没有被增强/初始化。

Jquery移动面板在开放行动之前

1 个答案: