javascript第二單擊功能不起作用

Question

我在腳本中使用了這兩行。 但是每次，ist線路都在工作。 我該如何激活第二行。 這樣我的代碼才能正常工作。

document.getElementById("sideimage").onclick = null; 
document.getElementById("sideimage1").onclick = null; 

<div id="sidebar1" style="border-radius: 7px; background: #fff; border: 1px solid #666; -moz-box-shadow: 0 0 5px 3px #888; -webkit-box-shadow: 0 0 5px 5px #888; box-shadow: 0 0 2px 2px #888; text-align: center; margin-bottom: 20px;">  
  <img id="sideimage" style="border-radius: 5px; width: 100%; cursor: pointer;" onclick="return showForm('liki_intro_popup')" src="{{media url="wysiwyg/Free_Shipping_1.png"}}" alt="free shipping" />
</div>
<div style="border-radius: 7px; background: #fff; border: 1px solid #666; -moz-box-shadow: 0 0 5px 3px #888; -webkit-box-shadow: 0 0 5px 5px #888; box-shadow: 0 0 2px 2px #888; text-align: center; margin-bottom: 5px;">
  <a><img id="sideimage1" style="border-radius: 5px; width: 100%; cursor: pointer;" title="LeaseItKeepIt" onclick="return showForm('liki_intro_popup')" src="{{media url="wysiwyg/liki_banner_homepage.png"}}" alt="LeaseItKeepIt" width="215" height="230" /></a>
</div>

Answer 1

js可能不會觸發，因為錨標記<a>沒有href 。

您應該刪除它，或者像這樣添加href="#" （請參閱鏈接 ）：

<a href="#"><img id="sideimage" style="border-radius: 5px; width: 100%; cursor: pointer;" title="LeaseItKeepIt" onclick="return showForm('liki_intro_popup')" src="{{media url="wysiwyg/liki_banner_homepage.png"}}" alt="LeaseItKeepIt" width="215" height="230" /></a>

如果上部不起作用，也許您也可以嘗試將onclick移到<a>標記內。