onclick не работает с тегом thymleaf <a>, заключенным в <li>, работает в <div>

Question

Я пытаюсь создать приложение Spring MVC с помощью тимелина. Я использую тег привязки внутри списка, когда пользователь нажимает на тег привязки, это должно вызвать событие onclick, но оно не запускается. Когда я заменяю список на div, он работает.

<li class="nav-item">
  <a class="nav-link" href="#" th:text="${hdrObject.hdrName}"></a>
  <ul class="mb-sub-menu-list" th:if="${hdrObject.hdrName} == 'STANDARDS'">
      <li class="mb-sub-menu-list-item" th:each="subhdrObject : ${hdrObject.subhdrObjects}">
          <a href="#" class="sub-menu-list-item-active" th:text="${subhdrObject.subHdrName}" th:onclick="'javascript:hdrsubhdeonclick('+ ${hdrObject.hdrId} +', '+ ${subhdrObject.subHdrId} +')'"></a>
      </li>
  </ul>
</li>

function hdrsubhdeonclick(hdrId, subHdrId) {
    console.log(hdrId,"hdId::2");
    alert("Hello");
}