javascript - onclick href 未在单击函数内触发

Question

我试图在单击下面的链接时触发一个函数，但它没有触发

这是我的 html 代码:

<li><a class="instlink" onclick="openInst();" href="#installations" >Installations</a></li>

我的 JavaScript 如下

function openInst()
 {
    alert('here');//Its firing an alert
    $('.instlink').on('click', 'a', function (e) {
    alert("Fire"); //Its not producing an alert here.

    });
}

Answer 1

问题是您的 openInst() 在单击时被触发，然后需要再次单击。

相反，使用:

<li><a class="instlink" href="#installations" >Installations</a></li>

 $('.instlink').on('click', function (e) {
    alert("Fire"); //Should fire
    location.hash = $(this).attr('href'); // This is probably what you are looking for
 });