一个链接中链接？(link within a link?)

2019-10-17 17:34发布

我使用的是iframe我的HTML中，加载图像画廊我从网上找到。每个img拥有，你可以点击一个信息栏，酒吧开业后提供观众更多的信息。

<a href="images/test.jpg">
        <img src="images/test.jpg", 
         data-big=""
         data-title="test title"
         data-description="test description"/>
    </a>

我想插入到另一个链接data-description链接的图像中，坐在元素，但我不知道这是可能的，如果是这样，怎么样？

Answer 1:

http://jsfiddle.net/4YPvp/

.link {
    position: relative;
}
.link span {
    position: absolute;
}

<a class="link" href="http://cnn.com">
    <img src="http://placehold.it/150x100" data-big="" data-title="test title" data-description="test description"/>
    <span data-url="http://npr.org">Other link</span>
</a>

$('.link span').click(function (e) {
    e.preventDefault();
    window.location = $(this).attr('data-url');
});

请注意，我用jQuery的这个例子。