如何打开引用菜单ID的模态

Question

以下代码在打开带有html页面的模态窗口时效果很好。

<a href="http://myUrl.com/testpage.html" 
   onclick="$(this).modal({width:600, height:400}).open(); return false;">Menu Modal Window</a>

我有一个Wordpress菜单选择我想参考打开Modal。这就是链接的样子：

    <li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51"><a href="http://myUrl.com/testpage.html">Menu Modal Window</a></li>

我无法编辑菜单代码并添加onClick事件，如上所示，所以我添加了以下jQuery：

$('#menu-item-51').click(function() {
    $(this).modal({width:600, height:400}).open();
    return false;
});

这不会打开模态，而是转发到testpage.html。我认为我的问题是我在jQuery中引用了“this”。不知道如何解决这个问题......？非常感谢任何帮助。

Answer 1

好像你想要定位锚而不是列表：

$('#menu-item-51 a').click(function() {
    $(this).modal({width:600, height:400}).open();
    return false;
});