0

我在基于jquery-mobile的页面上使用mmenu插件。Mmenu 为我提供了左右滑块，除了当我尝试打开“移动式”弹出窗口时，它们工作正常。这些消息/事件没有出去。

我在此页面上有其他弹出窗口，所以我知道弹出代码有效，但是当我尝试在<li><a href="#popup" ... ></a></li>mmenu 框架内使用相同的代码时，它什么也不做。

Chrome 脚本调试器不显示任何错误。工作按钮和非工作按钮之间的样式和标记相同（在调试器中查看时）。

弹出窗口

<div data-role="popup" id="optionsDialog" data-overlay-theme="a" data-theme="b"
  data-dismissible="false" style="max-width:400px;" >
  <div data-role="header" data-theme="a">
    <h1>Options</h1>
  </div>
  <div role="main" class="ui-content">
    Some options go here?<br>
    <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline 
       ui-btn-b" data-rel="back">
       Cancel
    </a>
  </div>
</div>

按钮打开弹出窗口

<a href="#optionsDialog" id="options_button" data-role="button" 
   data-mini="true" data-rel="popup" data-position-to="window" 
   data-transition="pop">
   Show popup
</a>

我该如何寻找我丢失的事件？

4

1 回答 1

0

FWIW：不知道 mmenu 正在做什么来扼杀此事件，但通过以下脚本解决了它：

$( "#options_button" ).click( function()
{
    $( "#optionsDialog" ).popup( "open", {} );
});

...
<li><a href="#" id="options_button" >Options</a></li>

普通的旧 jQuery。

于 2014-06-23T14:43:55.727 回答