单击<li>响应式菜单时关闭

Question

我刚试着做一个JS，当我按下一个">

"；按钮，但它不起作用，这是我的html代码。

<input class="contact-btn" type="button" value="Contacteaza-ma"/>
<button id="but-menu" class="menu-btn" onclick="openMenu()">
<i class="fa fa-bars menu-btn__icon"></i>
</button>
<div id="mobile-nav" class="mobile-navigation">
<buttton onclick="closeMenu()" class="close-btn"><i class="fa fa-times"></i></buttton>
<div class="logo">
<img class="logo__image" src="images/home-image.png"/>
<p class="logo__text">Cristi Popescu</p>
</div>
<nav class="mobile-navigation__navigation">
<ul style="list-style-type:none;" class="mobile-navigation__navigation-list">
<li><a class="mobile-navigation__navigation-link" href="#about">DESPRE
MINE</a></li>
<li><a class="mobile-navigation__navigation-link" href="#exp">EXPERIENTA</a></li>
<li><a class="mobile-navigation__navigation-link" href="#edu">EDUCATIE</a></li>
<li><a class="mobile-navigation__navigation-link" href="#apt">APTITUDINI</a></li>
<li><a class="mobile-navigation__navigation-link" href="#ctc">CONTACT</a></li>
</ul>
</nav>

这是我的JS:

$( '.mobile-navigation__navigation-list li a' ).on("click", function(){
$('closeMenu()').click();
});

我应该改变什么？非常感谢。

Answer 1

您可以在li元素上使用属性onclick。

示例：

<ul>
<li onclick="closeMenu()">Close menu</li>
</ul>
<script>
function closeMenu() {
//Close Menu
}
</script>