jquery - 如何打开引用菜单 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 菜单选项来打开模态框。这是链接的样子：

    <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;
});

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

Answer 1

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

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