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' });

attr中的href无法正常工作

2 个答案: