使用 Javascript (OTRS) 打开下拉菜单选项

Question

我想用 Javascript 命令打开“nav-Customer”下拉菜单选项。

（下面没有办法更改源html文件）

<ul id="nav-People-container">
<li id="nav-Owner">
<a href="/otrs/index.pl?Action=AgentTicketOwner;TicketID=REDACTED" class="AsPopup PopupType_TicketAction"  title="Change the owner for this ticket">Owner</a>
</li>
<li id="nav-Responsible">
<a href="/otrs/index.pl?Action=AgentTicketResponsible;TicketID=REDACTED" class="AsPopup PopupType_TicketAction"  title="Change the responsible for this ticket">Responsible</a>
</li>
<li id="nav-Customer">
<a href="/otrs/index.pl?Action=AgentTicketCustomer;TicketID=REDACTED" class="AsPopup PopupType_TicketAction"  title="Change the customer for this ticket">Customer</a>
</li>
</ul>

尝试使用document.getElementById("nav-Customer").click(); 不会打开应在鼠标单击时激活的弹出窗口。

我用常规按钮尝试了这个脚本，它可以工作。但在这种特定情况下我需要它。

谁能帮帮我？我做错了什么？ （我没有 Javascript 经验）

Answer 1

你可以这样做：

$(document).ready(function(e) {
    $('body').on('click', '#nav-Customer', function(e) {
      // do something after click
      // comment out to stop debug
      console.log("something was clicked");
      alert("You Clicked the Link");
    });
});

1. 检查文档是否准备就绪。
2. onclick #nav-Customer 做点什么。