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