將鏈接到圖像中的jQuery

我有一個div包含圖像裏面是這樣的：將鏈接到圖像中的jQuery

<div class="gallery clearfix"> 
<img id="medium-image" src="test.gif" alt="Product Specification" width="230" /> 
</div>

這就是我想做的事：

<div class="gallery clearfix"> 
<a href="blahblah"><img id="medium-image" src="test.gif" 
alt="Product Specification" width="230" /></a> 
</div>

這是jQuery的那我試過了：

<script language="javascript" type="text/javascript"> 
$(document).ready(function() { 
$("#gallery").click(function() { //The link that will be click 
    var path_detail = $('#medium-image').attr('src'); 
    $('#medium-image').wrap('<a href="' + path_detail + '" class="promotion"></a>') 
}); 
}); 
</script>

但它沒有出現任何我想要的東西。我對此毫不知情。任何人都可以分享一些想法。

謝謝。

來源

2012-01-27 titi

點擊按鈕後，html上出現了什麼？你的控制檯是否有任何錯誤？ – alex 2012-01-27 04:11:58

錯誤控制檯中沒有錯誤。 – titi 2012-01-27 05:26:43

上面的代碼應該可以工作......這是您使用的唯一代碼嗎？ jquery是否可以工作？嘗試$（「＃gallery」）。click（function（）{alert（1）}）; – alex 2012-01-27 05:31:18

這是一個有點整潔比構建整個HTML字符串：

$(document).ready(function() { 
    $("#gallery").click(function() { //The link that will be click 
     var path_detail = $('#medium-image').attr('src'); 
     var $a = $('<a/>').attr('href',path_detail).addClass('promotion'); 
     $('#medium-image').wrap($a); 
    }); 
});

來源

2012-01-27 04:29:46

我把你的代碼中的jsfiddle，它看起來好像沒什麼問題：

代碼：http://jsfiddle.net/pSuA7/

，我補充是一個需要被點擊到的應用包你#gallery鏈接的唯一的事圖片。當你點擊鏈接時，將適用於你的mediuam圖像。

HTML：

<div class="gallery clearfix"> 
    <img id="medium-image" src="test.gif" alt="Product Specification" width="230" /> 
</div> 
<a id="gallery" href="#">Make image clickable!</a>

的jQuery：

$("#gallery").click(function() { //The link that will be click 
    var path_detail = $('#medium-image').attr('src'); 
    $('#medium-image').wrap('<a href="' + path_detail + '" class="promotion"></a>') 
});

我希望這有助於:-)

來源

2012-01-27 04:17:01 Qorbani

將鏈接到圖像中的jQuery

回答

相關問題