attr의 href가 작동하지 않습니다.

Question

두 번째 이미지가 링크 인 라디오 버튼이 선택되면 이미지 스왑을 시도합니다. 이미지가 onclick을 성공적으로 교환하지만 두 번째 이미지가 연결되지 않습니다.

<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

당신은 href 속성이 작동하려면 <a> 태그를 사용합니다.

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

Answer 2

href는 <a /> 태그 내부에서만 유효합니다. 당신이 당신의 <img /> 태그가 클릭 할 수 있도록하려면, 당신은 자바 스크립트를 사용하여 리디렉션 시도 할 수 있습니다 :

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