jQuery - 在另一个div中打开图像父链接
我有一个轮播当图片被点击时,Id喜欢采用图片的源代码并在页面上的另一个div中打开它,'big-image'jQuery - 在另一个div中打开图像父链接
$('.gallery-viewport-ext ul li a img').on('click', function() {
alert($(this).parent('a').attr('src');)
return false;
});
我试着只在第一时间提醒src我确定我一定做错了什么?
<div id="tabs1-ext">
<section class="gallery-viewport-ext">
<ul>
<li><a href="_includes/images/slide-1.jpg"><img src="_includes/images/slide-1.jpg" alt="image" /></a></li>
<li><a href="_includes/images/slide-2.jpg"><img src="_includes/images/slide-2.jpg" alt="image" /></a></li>
<li><a href="_includes/images/slide-3.jpg"><img src="_includes/images/slide-3.jpg" alt="image" /></a></li>
<li><a href="_includes/images/slide-1.jpg"><img src="_includes/images/slide-1.jpg" alt="image" /></a></li>
<li><a href="_includes/images/slide-2.jpg"><img src="_includes/images/slide-2.jpg" alt="image" /></a></li>
<li><a href="_includes/images/slide-3.jpg"><img src="_includes/images/slide-3.jpg" alt="image" /></a></li>
</ul>
<a id="simplePrevious"><img src="_includes/images/larr.png" alt="Left Arrow" /></a>
<a id="simpleNext"><img src="_includes/images/rarr.png" alt="Right Arrow" /></a>
</section>
<div class="big-image"><</div>
进出口新的jQuery的所以原谅我naivity!
你为什么不使用链接而不是图片
$('.gallery-viewport-ext ul li a').on('click', function() {
alert($(this).attr('href'));
var $bigImg = $("<img />").attr("src", $(this).attr('href'));
$(".big-image").html($bigImg);
event.preventDefault();
});
谢谢@Onur TOPAL,这并没有打开我的大div中的图像,虽然... – Liam 2012-08-08 08:55:54
我改变了它应该工作的代码。 – 2012-08-08 09:40:51
它绝对是工作http://jsfiddle.net/7L3xx/ – 2012-08-08 09:46:39
它应该是attr('href')
,而不是src
,也,后删除分号attr()
alert($(this).parent('a').attr('href'))
编辑:
$('.gallery-viewport-ext ul li a img').on('click', function() {
$('.big-image').html($(this).parent().html());
return false;
});
OR
$('.gallery-viewport-ext ul li a').on('click', function() {
$('.big-image').html($(this).html());
return false;
});
以下将把图像添加到大div。
$('.gallery-viewport-ext ul li a img').on('click', function (event) {
event.preventDefault();
$('.bigimage').html('').append($('<img</img>').attr('src',$(this).parent('a').attr('href')));
});
Im实际上试图打开另一个div中的图像,警报是测试我可以正确地调用源代码谢谢@Senthil库马尔 – Liam 2012-08-08 08:57:12
啊好吧,正如其他人所说,您只需使用'href'而不是'src',并注意警报内的分号。 – 2012-08-08 08:58:11
@Liam更新了答案,以显示大div的图像,希望这有助于。 – 2012-08-08 09:05:33
也许有一个原因,但我不明白你为什么会针对'名为.gallery视口-EXT UL李一img'然后经过基本上是正确的,你的目标父'名为.gallery视口用你的'$(this).parent('a')'''-ext ul li'。为什么不从一开始就瞄准点击事件的'a'? – Joonas 2012-08-08 08:51:47