圖片onclick不工作

我有一個相對於背景圖像設置的圖像。我想調用點擊功能，但我似乎一直面臨一個問題。該超鏈接似乎正在工作，但該函數未被調用。這是我的代碼看起來像圖片onclick不工作

<img src=".." width="100%" height="80" id="ril_logo"/> 
    <div id="logo-wrapper1"> 
    <img src="..." width="5%" height="45"/> 
    </div> 
    <div id="logo-wrapper2"> 
    <a href="#"> 
      <img id="charger" onclick="abc();" src=".." width="4%" height="50" /> 
    </a> 
    </div> 



function abc() 
{ 
     alert(); 
}

來源

2013-10-19 Abhi

任何你不使用unobstrusive JS的原因？ –

添加腳本標記。 –

試試這個，和src="imagepath"添加映像路徑

<img src=".." width="100%" height="80" id="ril_logo" /> 
<div id="logo-wrapper1"> 
    <img src="..." width="5%" height="45" /> 
</div> 
<div id="logo-wrapper2"> 
    <a href="#"> 
     <img id="charger" onclick="abc();" src=".." width="4%" height="50" /> 
    </a> 
</div> 
<script type="text/javascript"> 

    function abc() { 
     alert(); 
    } 
</script>

來源

2013-10-19 09:49:16

由於您的img是a標籤內，圖像上的點擊將上致使點擊a，因此你看到超鏈接工作。

如果您將onclick放在a上，它會觸發函數調用。

來源

2013-10-19 09:49:46

只需添加您function abc()裏面的腳本標記

<script type="text/javascript"> 
    function abc() { 
     alert("Success"); 
    } 
</script>

來源

2013-10-19 10:01:31

你100％確保調用ABC（）不工作？控制檯日誌中是否有任何錯誤。

你也可以考慮事件冒泡。你點擊圖像，它就會觸發事件。這就泡到A HREF元素，然後泡到下一個可用的元素等等等等

你的代碼可以改爲：

<img id="charger" onclick="abc(); return false;" src=".." width="4%" height="50" />

或

<img id="charger" onclick="return abc();" src=".." width="4%" height="50" /> 
function abc() { ... return false; }

這將防止該事件比img onclick函數冒泡的更多。

來源

2013-10-19 10:10:08 jeff

仍然無法正常工作。 – Abhi

控制檯錯誤日誌報告什麼？ – jeff

我找到了答案。這是因爲我的logo_wrapper1 div與我的logo_wrapper2 div重疊。 – Abhi

圖片onclick不工作

回答

相關問題