jquery - attr中的href不起作用

Question

选择单选按钮后尝试交换图像，第二张图像是链接。图片在点击时成功交换，但第二张图片没有链接。

<script type="text/javascript">
$(document).ready(function() { 
  $('#chkImg').click(function() {
      if($('#chkImg:checked').val()!=null) {
          $('#imgImage').attr({ src: 'circle.png' , href: 'http://www.google.com' })
      }
  })
})
</script>

<input type="radio" name="chkImg" id="chkImg">
<img id="imgImage" name="imgImage" src="square.png"> </p>

Answer 1

您必须使用<a>标签才能使href属性起作用。

$('#imgImage').attr({ src: 'circle.png' })
  .wrap('<a href="http://www.google.com">');

Answer 2

href 仅在<a />标签内有效。如果您希望您的<img />标签是可点击的，您可能想尝试使用 javascript 进行重定向：

$('#imgImage')
  .attr({ src: 'circle.png' })
  .click(function() { window.location = 'http://www.google.com' });