我无法在我的jquery mmenu.js中打开新页面中的链接

时间:2013-07-27 22:21:22

标签: jquery-mobile jquery-plugins

我正在使用jQuery Mobile制作移动应用程序,而我正在使用JQuery mmenu.js plugin。我试图在新窗口中打开mi列表中的一个项目(链接),但我不能。

这是我的代码:

我的菜单:

<nav id="menu">
 <ul>
  <li><a href="paginas/buscar.php">Buscar</a></li>
  <li><a href="http://www.facebook.com/FB_PAGE" target="_blank">Facebook</a></li>
  <li><a href="paginas/creditos.php">Créditos</a></li>
 </ul>
</nav>

我的JS代码

<script type="text/javascript">
 $(function() {
  $('#menu').mmenu({
   position: "left"
  });
});
</script>

我的菜单按钮

<div data-role="header" data-theme="e">
  <a href="#menu">Menu</a>
  <h1>Hoy</h1> 
</div>

1 个答案:

答案 0 :(得分:1)

这是mmenu-plugin的一个问题。它假定您的菜单仅链接到内部页面。我猜你可以通过绑定一个onClick处理程序来阻止这种情况,然后再触发阻止立即传播的插件:

$('#menu a[target="_blank"]').click(function( e ) {
    e.stopImmediatePropagation();
});
$('#menu').mmenu();

编辑:在最新版本的mmenu-plugin(3.0.5)中针对target =“_ blank”修复了错误。