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

你必須使用<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' });