我有一个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>
但它似乎没有我想要的东西。我根本不知道。任何人都可以分享一些想法。
感谢。
答案 0 :(得分:0)
我把你的代码放在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>')
});
我希望这会有所帮助: - )
答案 1 :(得分:0)
这比构建整个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);
});
});