Question

我有一个div包含里面的图像，如下所示：

<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>

但它似乎没有我想要的东西。我根本不知道。任何人都可以分享一些想法。

感谢。

Answer 1

我把你的代码放在JsFiddle中，对我来说很好看：

您的密码：http://jsfiddle.net/pSuA7/

我添加的唯一内容是您需要点击的#gallery链接以在图片上应用换行。当您点击该链接时，将应用于您的mediuam-image。

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

我希望这会有所帮助： - ）

Answer 2

这比构建整个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);
    });
});

将链接放在jquery中的图像

2 个答案: