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

Answer 2

就是这样：

简要

 <li><a class="instlink" onclick="openInst" myhash="#installations" >Installations</a></li>

function openInst()
     {
        alert('what you want');
       window.location.hash = $(this).attr('myhash');     
    }

Answer 3

替换你的行

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

这一行

<li><a class="instlink"  href="javascript:openInst('#installations')" >Installations</a></li>

然后在

function openInst(hash){
location.hash=hash;
}