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>标记内。