Javascript第二次点击功能不工作

Question

我在脚本中使用了这两行。但每次，第一行都是有效的。我怎样才能使二线激活。这样我的代码才能正常工作。

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>

也许你也可以尝试在<a>标签内移动onclick，如果上部不起作用。